使用 Antigravity 构建我的个人网站

使用 Antigravity 构建我的个人网站

我是如何使用 Google DeepMind 的高级 AI IDE —— Antigravity,并采用新野兽派(Neobrutalism)风格构建这个网站的。

欢迎来到我的新个人网站!整个网站都是在 Antigravity 的帮助下构建的,这是一个由 Google DeepMind 团队开发的强大代理式 AI 编程助手。

什么是 Antigravity?

Antigravity 不仅仅是一个自动补全工具;它是一个了解整个代码库的结对程序员。它在 代理模式(Agentic Mode) 下运行,让我可以像对待同事一样对待它。我给它分配任务——比如“恢复博客功能”或“应用新野兽派风格”——它就会规划、执行并验证工作。

我使用的主要功能:

  1. 上下文感知:Antigravity 分析了我现有的 Astro 项目,理解组件结构,并在不破坏现有功能的情况下进行有针对性的编辑。
  2. 资源生成:需要图标?Antigravity 生成了一个脚本,将我的 avatar.svg 调整大小并转换为所需的每种格式(Favicon、PWA 图标、OG 图像)。
  3. 设计实现:我要求使用“新野兽派”风格——粗边框、阴影和充满活力的颜色,没有渐变。Antigravity 始终如一地将这种逻辑应用于 Header.astroHero.astro 和你现在看到的博客布局。

技术栈

本站建立在:

  • Astro:用于极速的静态站点生成。
  • React & Vercel AI SDK:用于构建右下角聊天智能体(我的 AI 代理)。
  • Tailwind CSS:用于实用且可组合的样式设计。
  • Neobrutalism:一种拥抱原始感、粗体排版和高对比度的设计趋势。

为什么选择新野兽派?

我想要一个脱颖而出的设计。新野兽派(或称“Neo-Brutalism”)结合了野兽派原始、未经修饰的美学与现代网络标准。它的特点是:

  • 粗黑边框
  • 硬阴影(无模糊)
  • 充满活力、冲突的色彩
  • 俏皮的排版

它反映了我的工程理念:稳健、实用,但富有个性。

结语

使用 Antigravity 构建网站将数周的工作缩短为数小时。它处理了样板代码、配置(比如这个博客的特定 content 集合设置)和重复的样式任务,让我可以专注于内容和创意方向。

敬请期待更多关于 AI 智能体和云原生系统的文章!

关于作者

Leon Liu

Leon Liu

Full Stack & AI Engineer

分享关于 AI Agents、云原生以及 Vibe Coding 的见解。