Google Anti-Gravity支持Agent Skills实战教程

2026年Skills元年：从临时指令到长期资产

Google Anti-Gravity IDE正式支持Agent Skills，这是继OpenAI Codex之后，又一个AI巨头的编程工具加入Agent Skills阵营。这标志着2026年正式成为Skills元年——AI编程从传统的"给一句提示词让AI临时发挥"，升级为"给AI装一套技能让它按照技能稳定产出代码"。

Agent Skills最初由Anthropic开发，现已成为开放标准的智能体能力扩展格式。它解决了一个核心问题：AI虽然越来越聪明，但它缺乏你的领域知识、工作流程和最佳实践。Skills的作用就是把公司、团队甚至个人的工作流、最佳实践和脚本等工具像模块一样打包，让AI编程助手按需加载、反复复用。

用一句话区分两者：Prompt是临时指令，而Agent Skills才是长期资产。

Agent Skills的技术本质

架构与工作原理

Agent Skills本质上是AI专用的业务手册，使用Markdown文件来打包知识、工作流、最佳实践和脚本。AI编程助手等智能体会自动发现并按需加载特定的Skills，实现能力复用和标准化。

Agent Skills作为开放标准的起源，与MCP（Model Context Protocol）协议的兴起密切相关。2024年Anthropic推出MCP后，AI社区开始意识到仅靠提示词工程（Prompt Engineering）无法解决AI能力的可复用性问题。Skills格式本质上是在MCP的工具调用能力之上，增加了一层语义化的知识封装层——它不仅告诉AI"能做什么"，还告诉AI"怎么做才符合特定团队的标准"。这与软件工程中的"配置即代码"（Configuration as Code）理念一脉相承：将隐性的团队知识显式化、版本化、可共享化。

关键特性在于渐进式加载——AI不会一次性读取所有Skills内容，而是根据当前任务按需加载相关部分，从而避免上下文爆炸问题。这一设计决策背后，是当前大语言模型的核心技术瓶颈：上下文窗口（Context Window）的限制。即便是目前最先进的模型，其上下文窗口也在数十万到百万token量级，一旦塞入过多Skills内容，不仅会消耗大量推理成本，还会导致"迷失在中间"（Lost in the Middle）现象——模型对上下文中间部分的注意力显著下降，影响输出质量。渐进式加载通过向量检索或语义匹配技术，只在任务相关时才将对应Skills注入上下文，是RAG（检索增强生成）技术在Agent场景下的工程化落地。

对非专业开发者的意义

这次Anti-Gravity支持Agent Skills对非专业开发者福利最大。哪怕完全不懂编程、不会写代码，也可以通过安装现成的Skills，打造一个真正懂你业务的专属AI编程助手。

实战：在Anti-Gravity中安装和使用Agent Skills

安装官方Skills

首先确保Anti-Gravity已升级到最新版。Anthropic官方发布了多个Agent Skills，包括前端设计Skills和创建PPT的Skills。安装步骤如下：

1. 使用git clone将官方Skills项目克隆到本地
2. 根据Anti-Gravity官方文档，将Skills放在指定路径下

Anti-Gravity支持两种Skills存放位置：

• 项目路径：仅在当前项目中可用
• 全局路径：在所有项目中都能调用

如果不习惯执行命令，也可以直接将Skills文件夹复制粘贴到Anti-Gravity存放Skills的全局路径下。

测试前端设计Skills效果

使用Anthropic的前端设计Skills创建一个咖啡店落地页，选择Gemini 3 Pro模型（该模型非常适合前端UI/UX设计）。

令人惊喜的是，Anti-Gravity自动调用了Nano Banana模型来生成网站所需的配图——包括咖啡馆内景和咖啡豆图像。这是其他AI编程助手所不具备的能力，无论是Codex还是Claude Code，都不会自动生成图像，而Anti-Gravity能为前端UI自动生成最适配的图像素材。

最终生成的咖啡馆落地页使用Next.js + Tailwind CSS构建，设计精美，配图效果出色。

手动创建自定义Agent Skills

基础创建流程

Anti-Gravity官方文档给出了手动创建Skills的步骤，并提供了一个用于代码审查的最简单Skills示例。

在当前项目中创建Skills非常简单：

1. 按照官方文件路径创建存放Agent Skills的目录
2. 在目录中新建skill.md文件
3. 将Skills内容粘贴到文件中并保存

测试时输入提示词"使用CodeReview审查当前项目的代码"，系统会自动读取skill.md文件，分析项目代码，输出审查结果和性能优化建议。

进阶：使用Skill Seeker一键生成Skills

如果想创建更复杂的Skills，可以使用开源项目Skill Seeker，它能一键将任何开源项目或网站转为Agent Skills。这对于需要将内部文档、API参考或第三方库快速转化为可复用技能的团队来说非常实用。

Skill Seeker所代表的"文档转Skills"自动化方向，本质上是知识工程（Knowledge Engineering）与LLM能力的结合。传统知识工程需要领域专家手动构建本体（Ontology）和规则库，耗时耗力。而Skill Seeker利用LLM的文本理解能力，自动从README、API文档、代码注释中提取结构化的操作流程和最佳实践，生成符合Agent Skills格式的Markdown文件。这一方向与微软Research提出的GraphRAG思路相近——将非结构化文档转化为AI可直接调用的结构化知识资产，大幅降低企业内部知识沉淀的门槛。

UI/UX Pro Max：最强界面设计Agent Skills

安装配置

UI/UX Pro Max是一款强大的UI/UX设计Agent Skills，支持多种技术栈：

• 默认HTML + Tailwind
• React / Next.js
• Swift / React Native / Flutter

安装步骤：

1. 使用NPM命令安装项目
2. 运行针对Anti-Gravity的安装命令
3. 在Anti-Gravity中使用斜杠命令即可调出

实战效果展示

使用React构建一个拟物化风格的To-Do List，要求包含添加任务、完成任务、删除任务功能，具有柔和阴影和微妙景深效果。

拟物化（Skeuomorphism）设计风格在2013年iOS 7扁平化革命后曾一度式微，但近年随着新拟物化（Neumorphism）和玻璃拟态（Glassmorphism）的兴起重新回归主流。在CSS实现层面，拟物化效果高度依赖box-shadow的多层叠加、filter: blur()的毛玻璃效果以及精细的渐变控制，这些属性的参数调优对人类设计师而言需要大量经验积累。AI在没有专业UI/UX Skills加持时，往往只能生成功能正确但视觉平庸的界面——正是因为缺乏这类"软知识"。UI/UX Pro Max Skills的价值在于将顶级设计师的参数直觉编码为可复用的规则集。

搭配Gemini Pro模型，UI/UX Pro Max为AI提供了专业的UI/UX设计经验和最佳实践，最终生成的拟物化界面效果出色——柔和的阴影、精致的按钮交互、专业的视觉层次感，完美解决了"能用但不美观