使用 Antigravity 构建我的个人网站
我是如何使用 Google DeepMind 的高级 AI IDE —— Antigravity,并采用新野兽派(Neobrutalism)风格构建这个网站的。
欢迎来到我的新个人网站!整个网站都是在 Antigravity 的帮助下构建的,这是一个由 Google DeepMind 团队开发的强大代理式 AI 编程助手。
什么是 Antigravity?
Antigravity 不仅仅是一个自动补全工具;它是一个了解整个代码库的结对程序员。它在 代理模式(Agentic Mode) 下运行,让我可以像对待同事一样对待它。我给它分配任务——比如“恢复博客功能”或“应用新野兽派风格”——它就会规划、执行并验证工作。
我使用的主要功能:
- 上下文感知:Antigravity 分析了我现有的 Astro 项目,理解组件结构,并在不破坏现有功能的情况下进行有针对性的编辑。
- 资源生成:需要图标?Antigravity 生成了一个脚本,将我的
avatar.svg调整大小并转换为所需的每种格式(Favicon、PWA 图标、OG 图像)。 - 设计实现:我要求使用“新野兽派”风格——粗边框、阴影和充满活力的颜色,没有渐变。Antigravity 始终如一地将这种逻辑应用于
Header.astro、Hero.astro和你现在看到的博客布局。
技术栈
本站建立在:
- Astro:用于极速的静态站点生成。
- React & Vercel AI SDK:用于构建右下角聊天智能体(我的 AI 代理)。
- Tailwind CSS:用于实用且可组合的样式设计。
- Neobrutalism:一种拥抱原始感、粗体排版和高对比度的设计趋势。
为什么选择新野兽派?
我想要一个脱颖而出的设计。新野兽派(或称“Neo-Brutalism”)结合了野兽派原始、未经修饰的美学与现代网络标准。它的特点是:
- 粗黑边框
- 硬阴影(无模糊)
- 充满活力、冲突的色彩
- 俏皮的排版
它反映了我的工程理念:稳健、实用,但富有个性。
结语
使用 Antigravity 构建网站将数周的工作缩短为数小时。它处理了样板代码、配置(比如这个博客的特定 content 集合设置)和重复的样式任务,让我可以专注于内容和创意方向。
敬请期待更多关于 AI 智能体和云原生系统的文章!