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
2
3
4
5
.agent/skills/frontend-composer/
├── SKILL.md # 入口文件(核心指令)
├── layout-architect.md # 架构师视角:负责 HTML 结构与布局
└── style-artist.md # 艺术家视角:负责 CSS 风格与视觉规范

SKILL.md: 这是 Agent 的主入口。它负责协调任务,告诉 Agent 何时通过“架构师”思考,何时切换到“艺术家”视角。
layout-architect.md: 定义了对 HTML 语义化、响应式布局(Grid/Flex)以及组件结构的严格要求。
style-artist.md: 定义了视觉语言。比如在这里,我详细描述了 Glassmorphism (玻璃拟态) 的设计规范,包括模糊度、透明度、渐变色的具体参数。
这种关注点分离 (Separation of Concerns) 的设计,能有效避免 Agent 在处理复杂任务时顾此失彼,既保证了代码的整洁,又确保了设计的美感。

  1. 运行机制:Agent 的思考流 (Thought Process)
    当我在对话框中下达“创建一个登录页”的指令时,为了观察效果,我特意要求它“只创建工作计划,不要直接执行”。
    通过 Agent 的 Thought 日志,我们可以清晰地看到他的思考过程:
    Agent Thought:
    用户希望创建一个登录页… 用户当前打开的是 SKILL.md 文件…
    这是一个需要规划的任务,我应该:
    先查看 SKILL.md 文件了解技能要求
    创建 task.md 和 implementation_plan.md(工作计划)
    让用户审核计划
    这一步非常关键。Agent 识别到了我预设的 Skill,并意识到必须先通过“计划”阶段,而不是鲁莽行事。

  2. 输出成果:Artifacts (规划)
    由于我在 Skill 中强调了“Planning First”(计划优先),Agent 生成了一份详细的 Implementation Plan(实施计划),直接引用了我的两个子技能文件:

image-20260114165305475

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

image-20260114170457575

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