【2】工具链入门：Cursor、Skill、Rules 与 MCP

工具链入门：Cursor、Skill、Rules 与 MCP

本文是「AI-Native 开发入门」系列 第 2/5 篇。
上一篇：AI-Native 是什么？为什么「能跑」不等于「能上线」
下一篇：第一条工作流：Spec 先行 + Superpowers 分步交付

博客园摘要：梳理 AI-Native 工具链分层：Cursor Agent、Rules 硬约束、Skills 场景剧本、MCP 外部能力；附 30 分钟仓库上手步骤。

建议标签：Cursor Skill MCP AI编程

工具链一张图

┌─────────────────────────────────────────────────────────┐
│                    你（开发者）                          │
│   定需求 · 定边界 · 审 diff · 跑测试 · 对上线负责        │
└─────────────────────────┬───────────────────────────────┘
                          │
          ┌───────────────┼───────────────┐
          ▼               ▼               ▼
    ┌──────────┐   ┌──────────┐   ┌──────────┐
    │  Cursor  │   │  Rules   │   │  Skills  │
    │ Agent/Chat│   │ 始终生效  │   │ 场景剧本  │
    └─────┬────┘   └──────────┘   └─────┬────┘
          │                               │
          └───────────────┬───────────────┘
                          ▼
                  ┌──────────────┐
                  │  MCP 工具     │  ← Notion / Figma / 自建 API
                  └──────────────┘

你处在最上层：定边界、审产出。下面四层是 AI 的「手脚」与「肌肉记忆」。

Cursor：主战场

推荐使用 Cursor 作为 AI-Native 主 IDE（同类工具原理相通）。

能力 用途
Chat 问答、小改、解释代码
Agent 多文件修改、跑终端、长任务
Rules 每次对话自动注入的硬约束
Skills 按场景加载的操作剧本
MCP 连接外部系统（文档、设计、API）

Agent 模式下，模型能读仓库、改多文件、执行命令——这正是「Spec 分步落地」的基础。

Rules：始终生效的硬约束

Rules 是短文本，在每次 Agent 对话开始时注入上下文。

存放位置 作用范围
项目 .cursor/rules/*.mdc 仅当前仓库，可随 Git 共享
用户 ~/.cursor/rules/ 你所有项目

适合写进 Rules 的内容：

  • 技术栈锁定（如 Vue 3 + TS，禁止 React）
  • UI 约定（shadcn-vue + Tailwind，禁止大块自定义 CSS）
  • 接口约定（HTTP 200 + body code/data/message）
  • 禁止项（禁止改 request.ts、禁止 any）

原则：短、稳定、常开。不要把整本流程手册塞进 Rules。

Skills：场景剧本

Skill 是一个目录 + SKILL.md 文件，带 YAML 头（name、description）。Agent 根据描述 自动判断何时读取，读到后按剧本执行。

Rules Skills
作用 全局习惯、栈约束 完整流程（规划、Review、TDD…）
粒度 短、常开 长、按需加载
示例 「必须用 Tailwind」 「按 planning-with-files 写 task_plan.md」

存放位置（与 Rules 相同逻辑）：

  • 项目：.cursor/skills/<skill-name>/SKILL.md
  • 用户：~/.cursor/skills/<skill-name>/SKILL.md

ai-native 仓库已内置一批 Skill（第 5 篇有完整清单），clone 即用。

对 Agent 说话示例：

「请先读 fullstack-dev-standards skill，再审查这个列表页。」
「用 planning-with-files，为本次任务写 task_plan.md。」

MCP：连接外部世界

MCP（Model Context Protocol） 让 Agent 调用外部工具：查 Notion、读 Figma、调内部 API 等。

对 AI-Native 团队，MCP 适合：

  • 需求 / 缺陷系统
  • 设计稿
  • 内部文档库

不是入门必需，但在流程跑顺后值得接入。仓库内含 mcp-builder Skill，可指导自建 MCP 服务。

关键概念速查

名词 一句话
SDD Spec-Driven Development，用规格文档驱动实现
TDD 先写失败测试，再写最少实现
OpenSpec 结构化需求/任务规格的开源实践
Superpowers 可组合流程 Skill 合集（brainstorming → plans → TDD…）
MCP 让 Agent 调用外部服务
Skill SKILL.md 教 Agent 完成特定任务

仓库结构与 30 分钟上手

目录一览

ai-native/
├── docs/
│   ├── cnblogs/              ← 本系列 5 篇文章
│   └── AINative入门手册.md
├── T型人才-前端培训文档.md
├── README.md
└── .cursor/skills/
    ├── fullstack-dev-standards/
    ├── planning-with-files/
    ├── superpowers/
    └── …

30 分钟上手

Step 1 · 克隆并打开（5 min）

git clone <你的 ai-native 仓库地址>
cd ai-native
# Cursor → Open Folder

Step 2 · 确认 Skill 已加载（5 min）

在 Agent 中说：

「列出本项目可用的 skill，并说明 fullstack-dev-standards 何时该用。」

Step 3 · 跑通最小闭环（20 min）

  1. 新建分支 practice/hello-ai-native
  2. 「用 planning-with-files，为『给某列表页补 empty 态』写 task_plan.md，不要写代码。」
  3. 检查是否生成 task_plan.md / findings.md / progress.md
  4. 「按 fullstack-dev-standards 审查 task_plan 是否覆盖 loading/error/empty。」

完成即：规划 → 规范审查 的最小 AI-Native 闭环。

本篇小结

  • Cursor Agent 负责执行；你 负责边界与验收。
  • Rules = 短约束，常开；Skills = 长流程，按需。
  • MCP 可选，用于接外部系统。
  • clone ai-native 后 30 分钟可跑通第一个闭环。

系列导航

篇目 标题
1 AI-Native 是什么？
2 工具链入门：Cursor、Skill、Rules 与 MCP（本文）
3 第一条工作流：Spec 先行 + Superpowers 分步交付
4 前后端交付标准：50 条自检与验收清单
5 7 天上手计划与 FAQ

本文是「AI-Native 开发入门」系列文章，配套仓库 ai-native。

posted @ 2026-06-24 17:59  一个老码农  阅读(3)  评论(0)    收藏  举报