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

2026年Agent Skills成为AI编程新标准,从临时提示词升级为可复用的长期技能资产。
Google Anti-Gravity IDE正式支持Agent Skills,标志着2026年成为Skills元年。Agent Skills是Anthropic开发的开放标准格式,用Markdown文件打包团队知识、工作流和最佳实践,让AI编程助手按需加载、稳定复用。其核心优势在于渐进式加载避免上下文爆炸,非专业开发者也可通过安装现成Skills获得专属AI助手。文章演示了官方Skills安装、自定义Skills创建及UI/UX Pro Max等实战案例。
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。安装步骤如下:
- 使用
git clone将官方Skills项目克隆到本地 - 根据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非常简单:
- 按照官方文件路径创建存放Agent Skills的目录
- 在目录中新建
skill.md文件 - 将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

安装步骤:
- 使用NPM命令安装项目
- 运行针对Anti-Gravity的安装命令
- 在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设计经验和最佳实践,最终生成的拟物化界面效果出色——柔和的阴影、精致的按钮交互、专业的视觉层次感,完美解决了"能用但不美观
相关推荐
教程攻略Cursor+Codex双IDE协同:开源项目二开实战方法论
基于实战经验总结的开源项目二次开发完整方法论,详解Cursor+Codex双IDE协同工作流,涵盖二开七环节、MVP验证、AI读源码技巧,帮助开发者三天跑通项目、两周完成业务集成。
教程攻略Cursor多Agent实战:50分钟搭建Next.js全栈博客
使用Cursor IDE多Agent协作模式,50分钟内从零搭建全栈博客。涵盖Next.js、Clerk认证、Supabase数据库集成,详解4个AI Agent分阶段开发流程与关键避坑经验。
教程攻略从零搭建AI软件工厂:Cursor工程师的多Agent协作实战经验
Cursor工程师Eric分享AI软件工厂构建实战:从自动化六层级、护栏设计、并行Agent管理到规模化扩展,详解如何用多Agent协作实现7×24小时高效软件开发。