{
  "slug": "antigravity-first-workflow",
  "url": "https://kelewrites.com/posts/antigravity-first-workflow/",
  "title": "第一次用 AntiGravity 跑通 Claude Skill：新手的三步最小路径",
  "subtitle": "不写代码，把谷歌的 Agent IDE 从「打开」跑到「能复用」只要三个动作",
  "summary": "新手第一次打开 AntiGravity，最容易卡死在「我该输入什么」。这篇用李哈利 Harry 的入门教学，把第一次跑通的路径压缩到三步：先装环境与一份 AGENTS.md，再装一个 marketplace 现成的 Skill 试跑，最后用 skill-creator 自己造一个属于你的 Skill。心智模型只有一句：Skill = 给 Claude 的专属提示词，专治重复劳动，不治创作灵感。",
  "date": "2026-01-09",
  "updated": "",
  "tags": [
    "AI",
    "Agent",
    "工程方法"
  ],
  "series": "",
  "source": {
    "title": "新手必看！用 AntiGravity + Claude Skill 打造第一个 AI 工作流（完整教学）",
    "url": "https://www.bilibili.com/video/BV19orABKEdk"
  },
  "ai": {
    "summary": "新手第一次打开 AntiGravity，最容易卡死在「我该输入什么」。这篇用李哈利 Harry 的入门教学，把第一次跑通的路径压缩到三步：先装环境与一份 AGENTS.md，再装一个 marketplace 现成的 Skill 试跑，最后用 skill-creator 自己造一个属于你的 Skill。心智模型只有一句：Skill = 给 Claude 的专属提示词，专治重复劳动，不治创作灵感。",
    "takeaways": [
      "新手第一次打开 AntiGravity，最容易卡死在「我该输入什么」。这篇用李哈利 Harry 的入门教学，把第一次跑通的路径压缩到三步：先装环境与一份 AGENTS.md，再装一个 marketplace 现成的 Skill 试跑，最后用 skill-creator 自己造一个属于你的 Skill。心智模型只有一句：Skill = 给 Claude 的专属提示词，专治重复劳动，不治创作灵感。",
      "一、心智模型：Skill 是给 Claude 的「专属提示词」",
      "二、Step 1：装环境，丢一份 AGENTS.md 钉死规则",
      "三、Step 2：装别人的 Skill，先用现成的跑通一次闭环"
    ],
    "audience": [
      "正在做 AI Agent / 工程实践的工程师",
      "关心工程落地与系统设计的人"
    ],
    "quote": "一句话总结：第一次跑通 AntiGravity + Claude Skill 不需要写一行代码——只要走完「装环境、装别人的 Skill、造自己的 Skill」这三步，重复性工作就从「每次都讲一遍」变成「点一下复现」。",
    "questions": [
      "这篇文章的核心结论是什么？",
      "心智模型：Skill 是给 Claude 的「专属提示词」是什么意思？",
      "Step 1：装环境，丢一份 AGENTS.md 钉死规则到底讲了什么？",
      "Step 2：装别人的 Skill，先用现成的跑通一次闭环到底讲了什么？"
    ],
    "citation": {
      "title": "第一次用 AntiGravity 跑通 Claude Skill：新手的三步最小路径",
      "conclusion": "新手第一次打开 AntiGravity，最容易卡死在「我该输入什么」。这篇用李哈利 Harry 的入门教学，把第一次跑通的路径压缩到三步：先装环境与一份 AGENTS.md，再装一个 marketplace 现成的 Skill 试跑，最后用 skill-creator 自己造一个属于你的 Skill。心智模型只有一句：Skill = 给 Claude 的专属提示词，专治重复劳动，不治创作灵感。",
      "points": [
        "一、心智模型：Skill 是给 Claude 的「专属提示词」",
        "二、Step 1：装环境，丢一份 AGENTS.md 钉死规则",
        "三、Step 2：装别人的 Skill，先用现成的跑通一次闭环"
      ],
      "quote": "一句话总结：第一次跑通 AntiGravity + Claude Skill 不需要写一行代码——只要走完「装环境、装别人的 Skill、造自己的 Skill」这三步，重复性工作就从「每次都讲一遍」变成「点一下复现」。",
      "url": "https://kelewrites.com/posts/antigravity-first-workflow/",
      "attribution": "kele · Article Share"
    }
  },
  "headings": [
    {
      "depth": 2,
      "text": "开场"
    },
    {
      "depth": 2,
      "text": "金字塔总览"
    },
    {
      "depth": 2,
      "text": "一、心智模型：Skill 是给 Claude 的「专属提示词」"
    },
    {
      "depth": 3,
      "text": "1.1 没有 Skill 时是什么样"
    },
    {
      "depth": 3,
      "text": "1.2 有 Skill 之后会怎样"
    },
    {
      "depth": 3,
      "text": "1.3 什么时候该用 Skill、什么时候不该用"
    },
    {
      "depth": 2,
      "text": "二、Step 1：装环境，丢一份 AGENTS.md 钉死规则"
    },
    {
      "depth": 3,
      "text": "2.1 下载和初始化"
    },
    {
      "depth": 3,
      "text": "2.2 为什么必须有 AGENTS.md"
    },
    {
      "depth": 3,
      "text": "2.3 一次让 Agent 自己把项目结构搭好"
    },
    {
      "depth": 2,
      "text": "三、Step 2：装别人的 Skill，先用现成的跑通一次闭环"
    },
    {
      "depth": 3,
      "text": "3.1 给 AntiGravity 装上 Claude Code"
    },
    {
      "depth": 3,
      "text": "3.2 从 marketplace 装第一个 Skill：前端设计"
    },
    {
      "depth": 3,
      "text": "3.3 指名调用：让 Agent 知道「这次该用哪个 Skill」"
    },
    {
      "depth": 2,
      "text": "四、Step 3：用 skill-creator 造一个属于你的 Skill"
    },
    {
      "depth": 3,
      "text": "4.1 下载 skill-creator 模板"
    },
    {
      "depth": 3,
      "text": "4.2 把你的需求喂给 Claude，让它先吐一份大纲"
    },
    {
      "depth": 3,
      "text": "4.3 调 skill-creator 把大纲变成可用的 Skill"
    },
    {
      "depth": 3,
      "text": "4.4 别一次想做完美的 Skill"
    },
    {
      "depth": 2,
      "text": "一页速览"
    },
    {
      "depth": 2,
      "text": "一句话收束"
    }
  ],
  "text": "> **一句话总结**：第一次跑通 AntiGravity + Claude Skill 不需要写一行代码——只要走完「装环境、装别人的 Skill、造自己的 Skill」这三步，重复性工作就从「每次都讲一遍」变成「点一下复现」。\n\n---\n\n## 开场\n\n打开 AntiGravity 的那一刻，新手最常见的反应不是兴奋，而是「我接下来该敲什么」。\n\n界面像 VS Code、左下角有个 Claude 小图标、右边一堆 Agent 选项，看起来什么都能干，但你不知道从哪儿下手。问 ChatGPT「怎么用 AntiGravity」，搜出来的教程要么从「FLOW 四步框架」讲起，要么直接秀一个能跑业务的多 Agent 调度——对一个刚下载完客户端的新手来说，跨度太大。\n\n真正卡住新手的是另一个更小的问题：**Claude Skill 到底是什么、什么时候该用、怎么从零做出第一个**。\n\n李哈利 Harry 那期视频之所以适合新手，是因为他把 Skill 的本质讲透了一句话——**Skill 就是给 Claude 的一份专属提示词**。然后他用三个动作演示：装好环境、装一个 marketplace 现成的 Skill（前端设计）、再用 skill-creator 自己造一个（代码审查）。\n\n> 题外话：**AntiGravity** 是谷歌 2025 年底推出的 IDE 风格 AI Agent 工具，内置 Gemini 3 Pro，也能接 Claude Code 当外挂大脑。\n\n那么问题来了：第一次想跑通工作流的人，最少要做哪几件事？\n\n答案是三步——**先把 Skill 是什么搞清楚，再装一个别人写好的练手，最后自己用 skill-creator 造一个属于你的**。下面分四节展开，第一节先讲清楚心智模型，剩下三节就是三个动作。\n\n---\n\n## 金字塔总览\n\n---\n\n## 一、心智模型：Skill 是给 Claude 的「专属提示词」\n\n新手最容易把 Skill 想成「插件」或者「Agent」。这两个比喻都偏了。Skill 更准确的定位是：**一份你写好、Claude 每次执行某类任务都会去读的专属提示词**。\n\n### 1.1 没有 Skill 时是什么样\n\n没有 Skill 的时候，你让 Claude 做一件事——比如「写个前端页面」——它会根据自带的系统提示词去脑补「平均水平的前端」。你说「这里改一下、那里挪一下」，来回十几轮才能改到你想要的样子。\n\n下一次你又想做一个前端页面，它**完全不记得**你上次的偏好——同一套指令你得再讲一遍。\n\n### 1.2 有 Skill 之后会怎样\n\n有了 Skill，你把「我要的排版、配色、组件库、文案风格、文件结构」全部预先写进一份 `SKILL.md`。之后每次让 Claude 做这类任务，它会**先去读这份 SKILL.md，再动手**。\n\n这就把一次性对话变成了「模板式工作」——李哈利的比喻是「有点像 n8n 的工作流，每次跑都是同一套模型、产出可预期的结果」。\n\n### 1.3 什么时候该用 Skill、什么时候不该用\n\n这是大部分教程不会强调、但其实最关键的边界：\n\n| 适合用 Skill | 不适合用 Skill |\n\n| 重复性、可模板化的工作 | 开放性、要想象力的工作 |\n| 代码审查、发票整理、按规范生成前端 | 写文案、做创意、生成新方案 |\n| 每次结果都该长得差不多 | 每次结果都该不一样 |\n\n记住这条边界，能帮你少花一半冤枉时间——**别试图给「灵感型」工作写 Skill，那等于给创作戴镣铐**。\n\n> **金句**：Skill 不是更聪明的 AI，是更省事的复用——**重复劳动才值得 SKILL.md 化**。\n\n---\n\n## 二、Step 1：装环境，丢一份 AGENTS.md 钉死规则\n\n第一步是物理动作：下载客户端、建工作目录、写一份 `AGENTS.md`。\n\n### 2.1 下载和初始化\n\n去 AntiGravity 官网下客户端，打开后随便选一个空文件夹（或者点 Open Folder 新建一个），起个名字。这就是你的工作区——所有 Skill、规则、产物都会落在这里。\n\n左上角有模型选择：自带 Gemini 3 Pro、也能切到 Claude、还有 GPT-OSS。**新手建议先用自带的 Gemini 3 Pro 跑通流程**，token 配额跟着你的订阅走，不用单独配 API。\n\n### 2.2 为什么必须有 AGENTS.md\n\n工作区刚建好的时候是空的——Agent 不知道这个项目的目标、不知道你的偏好、不知道文件该往哪儿放。\n\n`AGENTS.md`（也叫 agent.md、有些工具叫 gemini.md / claude.md）就是给整个工作区**钉死全局规则**的一份说明书。李哈利在视频里用了一份社区流传的三层架构模板：\n\n并配三个能力：**查工具、自我修复、随学习更新指令**。\n\n### 2.3 一次让 Agent 自己把项目结构搭好\n\n把 `AGENTS.md` 写好以后，**不要自己手动建 directives/、executions/ 那些文件夹**——直接跟 Agent 说：\n\nAgent 会自己读这份 md、自动把 `directives/`、`executions/`、`references/` 等文件夹建好。\n\n**这一步的价值是「让 Agent 自己服从规则」**——你写一次规则、它每次都遵守，比你之后一次次喊「按照规范做」高效得多。\n\n> **金句**：**第一步不是写代码，是写规则**——`AGENTS.md` 一旦丢进工作区，后面所有 Agent 都得读它。\n\n---\n\n## 三、Step 2：装别人的 Skill，先用现成的跑通一次闭环\n\n工作区准备好后，先**别急着自己造轮子**。新手第一次跑通最快的路径是：从 marketplace 装一个现成的 Skill 试一遍。\n\n### 3.1 给 AntiGravity 装上 Claude Code\n\n虽然 AntiGravity 自带 Gemini，但目前 Claude 系的 Skill 生态最完整。需要先在 AntiGravity 里装 Claude Code 插件：\n\n| 步骤 | 操作 |\n\n| 1 | 左侧栏 Extensions 搜 `Claude Code for VS Code` |\n| 2 | 点 Install |\n| 3 | 左下角出现 Claude 小图标，点开就是 Claude Code 面板 |\n\n装完后，你在 AntiGravity 里就有两套 Agent 可以切：自带的 Gemini 干快活、Claude Code 干精细活。\n\n### 3.2 从 marketplace 装第一个 Skill：前端设计\n\n打开 Claude Code 面板，左上角有 `marketplace`。第一次进的时候建议挑一个**目标明确、容易看出效果**的 Skill 入门——`frontend-design`（或类似名字的前端设计 Skill）。\n\n操作只有三步：\n\n装完后用 `/plugin` 查一下，列表里出现这个 Skill 就算装好了。\n\n### 3.3 指名调用：让 Agent 知道「这次该用哪个 Skill」\n\n装好之后**最关键的一步**：调用时**要明确告诉 Agent 用哪个 Skill**。\n\n不要这么说：\n\n要这么说：\n\n第二种写法 Agent 会**主动加载这份 Skill 的提示词**，按它内置的设计标准（字体、配色、组件结构）一次生成一份 HTML。第一次 demo 通常就能跑出一个比原网站好看不少的结果——而且你完全没碰过设计细节。\n\n**这一步的价值是「先体验复用、再理解复用」**——你亲眼看见同一句指令配不同 Skill 跑出不同结果，「Skill 是专属提示词」这句话才会从概念变成肌肉记忆。\n\n> **金句**：**先装别人的、再造自己的**——marketplace 里跑一遍闭环，比读十篇教程都管用。\n\n---\n\n## 四、Step 3：用 skill-creator 造一个属于你的 Skill\n\n跑通别人的 Skill 之后，你会有一个直觉：**我也想要一个专门做 XX 的 Skill**。这就是 skill-creator 出场的时候。\n\n### 4.1 下载 skill-creator 模板\n\nGitHub 上搜 `awesome-claude-skills` 这个仓库，里面收了一堆社区 Skill，第一个就是 `skill-creator`——一份专门用来「生成 Skill」的 Skill。\n\n把 `skill-creator` 的 `SKILL.md` 下载到你工作区的 `skills/` 文件夹里。**它本身就是个最小的 SKILL.md 示例**，你打开看一遍就知道一份 Skill 该长什么样：\n\n### 4.2 把你的需求喂给 Claude，让它先吐一份大纲\n\n李哈利演示的例子是「我不懂代码，但我想让 Claude 帮我审查代码」。他没有直接动手写 SKILL.md，而是先问 Claude：\n\nClaude 给出了一份包括「代码品质、安全性、可读性、错误处理、十大安全风险、沟通最佳实践」的清单。这份清单就是你 SKILL.md 的雏形。\n\n### 4.3 调 skill-creator 把大纲变成可用的 Skill\n\n把这份清单复制下来，跟 Agent 说：\n\nskill-creator 会自动做这几件事：\n\n| 产物 | 内容 |\n\n| `code-review/SKILL.md` | name、description、何时用、工作逻辑、原则 |\n| `code-review/references/` | 安全模型、案例库、checklist |\n| `code-review/README.md` | 使用说明 |\n\n整套 Skill 文件夹生成完毕。**之后任何项目里，你只要说「用 code-review 这个 skill 帮我看一下这段代码」，它就会按这套规则做审查**。\n\n### 4.4 别一次想做完美的 Skill\n\n新手最容易陷入的坑：第一次造 Skill 就想覆盖所有 corner case。\n\n李哈利的建议是反着来——**先做一份能跑的最小 Skill，用着用着发现它在哪里掉链子，再回去补**。 Skill 是会成长的，它和你一起迭代，不是一次性写死的。\n\n> **金句**：**第一份 Skill 不必完美，能跑就行**——它的价值不在于一次写对，而在于「下次不用从头讲」。\n\n---\n\n## 一页速览\n\n| 层级 | 内容 | 一句话核心 |\n\n| **心智模型** | Skill 是给 Claude 的专属提示词 | 只治重复劳动，不治创作灵感 |\n| **Step 1** | 装环境 + AGENTS.md | 第一步不是写代码，是写规则 |\n| 1.1 | 下载客户端、建空 folder | 默认用 Gemini 3 Pro 跑通 |\n| 1.2 | 写 AGENTS.md | 指令 / 编排 / 执行 三层架构 |\n| 1.3 | 让 Agent 自己实例化目录 | 你写规则、它建结构 |\n| **Step 2** | 装别人的 Skill 试跑 | 先体验复用，再理解复用 |\n| 2.1 | 装 Claude Code 插件 | Gemini 干快活、Claude 干精细 |\n| 2.2 | marketplace 一键装 | 第一次挑 frontend-design 这种效果明显的 |\n| 2.3 | 指名调用 Skill | 明确说「用 XX 这个 skill」才会触发 |\n| **Step 3** | 用 skill-creator 造自己的 | 第一份能跑就行，别追求完美 |\n| 3.1 | 下载 skill-creator | 来自 awesome-claude-skills 仓库 |\n| 3.2 | 让 Claude 先吐大纲 | 列清单 → 再变 SKILL.md |\n| 3.3 | 一句话生成全套 Skill | 自动产出 SKILL.md + references |\n| 3.4 | 边用边改 | Skill 是会成长的活文档 |\n\n---\n\n## 一句话收束\n\n> **新手第一次跑通 AntiGravity + Claude Skill，不靠技术，靠顺序——先搞清楚 Skill 是什么，再用别人的、再造自己的；走完这三步，重复性工作就从「每次都要讲一遍」变成「点一下就复现」**。"
}