Google Antigravity 高级技巧:利用 Skills
Antigravity 在新版本中也支持了Skills的应用,同样针对与项目设置不同的skill进行处理任务,比设置Rules和Workflow要更加的方便。
官方文档 (antigravity.google/docs/skills) 中提到的 Skills 是一个非常强大的特性。它允许我们将原本需要重复输入的 Prompt 固化为 Agent 的“程序性记忆” (Procedural Knowledge)。
我通过skills在Antigravity中生成一个前端页面,通过将前端开发拆解为“架构师”和“艺术家”两个角色,让 Agent 的输出更加精准和专业。
什么是 Antigravity Skills?
简单来说,Skills 就是 Agent 的 SOP(标准作业程序)。在 Antigravity 中,你不需要复杂的配置,只需要在项目中创建一个 .agent/skills 目录,Agent 就会自动检索并学习其中的能力。
实战:构建“架构+审美”双引擎 Skill
为了演示这个概念,我在一个空白项目中创建了一个专门用于生成高质量前端页面的 Skill。我没有把所有指令塞进一个文件,而是采用了模块化设计。
1. 目录结构设计
我的 .agent/skills 目录结构如下:
1 | .agent/skills/frontend-composer/ |
SKILL.md: 这是 Agent 的主入口。它负责协调任务,告诉 Agent 何时通过“架构师”思考,何时切换到“艺术家”视角。
layout-architect.md: 定义了对 HTML 语义化、响应式布局(Grid/Flex)以及组件结构的严格要求。
style-artist.md: 定义了视觉语言。比如在这里,我详细描述了 Glassmorphism (玻璃拟态) 的设计规范,包括模糊度、透明度、渐变色的具体参数。
这种关注点分离 (Separation of Concerns) 的设计,能有效避免 Agent 在处理复杂任务时顾此失彼,既保证了代码的整洁,又确保了设计的美感。
运行机制:Agent 的思考流 (Thought Process)
当我在对话框中下达“创建一个登录页”的指令时,为了观察效果,我特意要求它“只创建工作计划,不要直接执行”。
通过 Agent 的 Thought 日志,我们可以清晰地看到他的思考过程:
Agent Thought:
用户希望创建一个登录页… 用户当前打开的是 SKILL.md 文件…
这是一个需要规划的任务,我应该:
先查看 SKILL.md 文件了解技能要求
创建 task.md 和 implementation_plan.md(工作计划)
让用户审核计划
这一步非常关键。Agent 识别到了我预设的 Skill,并意识到必须先通过“计划”阶段,而不是鲁莽行事。输出成果:Artifacts (规划)
由于我在 Skill 中强调了“Planning First”(计划优先),Agent 生成了一份详细的 Implementation Plan(实施计划),直接引用了我的两个子技能文件:

从截图中可以看到,Agent 完美地拆解了任务:
Phase 1: 结构分析 (The Architect) - 基于 layout-architect.md 设计 HTML 结构。
Phase 2: 美学注入 (The Artist) - 基于 style-artist.md 应用 Glassmorphism 设计风格。
他在计划中明确指出将采用“紫色渐变背景 + 毛玻璃卡片”以及“Tailwind CSS”,LLM理解了 style-artist.md 中的知识并且转换成实际的代码。

- 总结
在 Antigravity 中使用 Skills 不仅仅是保存一段 Prompt 那么简单。通过模块化和角色化的文件组织,我们可以:
降低上下文污染:让 Agent 在处理结构时专注结构,处理样式时专注样式。
复用性极强:下一次开发 Dashboard 或个人主页,我依然可以复用这套“架构师+艺术家”的 Skill,只需微调参数。
标准化输出:无论项目如何变,代码的底层的结构规范和视觉风格都能保持高度一致。
如果你也在使用 Antigravity,强烈建议你尝试一下这种 Skills 编排方式,它会让你的 AI 结对编程体验提升到一个新的层次。



