Cursor 提效实战：我的前端 Prompt、审查 SKILL、MCP 接入完整方法

你的 AI 编程助手为什么总不稳定？

很多人用 Cursor 或其他 AI 编程助手时，会遇到同一个问题：有时很聪明，有时很跑偏。根因通常不是模型本身，而是没有把 Prompt、SKILL、MCP 分层配置好。本文用一个简单比方讲清三者差异，并给出我自己的前端 Prompt 与 SKILL 实战片段，附 Cursor 最短配置步骤，帮助你把 AI 从"会聊天"升级为"可交付"。

[1. 先讲结论：三者分工](#1. 先讲结论：三者分工)
[2. 一个小比方秒懂三者区别](#2. 一个小比方秒懂三者区别)
[3. 我的 Prompt（前端规则）示例](#3. 我的 Prompt（前端规则）示例)
[4. 我的 SKILL 示例（已发布）](#4. 我的 SKILL 示例（已发布）)
[5. MCP 入门：没用云效先玩高德](#5. MCP 入门：没用云效先玩高德)

1. 先讲结论：三者分工

Prompt：约束 AI 的思考方式、输出风格和工程边界
SKILL：把高频任务沉淀为标准流程（SOP）
MCP：给 AI 接入外部工具与实时数据能力

一句话：Prompt 管"怎么说"，SKILL 管"怎么做"，MCP 管"能做什么"。

2. 一个小比方秒懂三者区别

把 AI 当成一个新同事：

Prompt = 你给他的"团队做事规范"
SKILL = 你给他的"岗位作业手册"
MCP = 你给他的"系统权限账号"

没有 Prompt：会做事但不按你团队规范。

没有 SKILL：同一件事每次做法都不一样。

没有 MCP：懂很多，但拿不到实时信息和工具能力。

3. 我的 Prompt（前端规则）示例

Cursor提示词配置 ：

.cursor/rules/你的规则名.md
可选四种引用方式：

始终应用：全局生效，所有聊天、Cmd+K 都生效

智能应用：AI 自动判断，相关场景才生效

应用于特定文件：只在匹配指定文件 / 路径时生效

手动应用：仅 @提及时才触发

规则文件路径：

/.cursor/rules/vue3-typescript-vite.mdc

提示词案例（提示词最好不要写的超过五百行）：

md 复制代码

你是资深前端工程师，专精 Vue 3 组合式 API、TypeScript 类型工程化、Vite 构建体系。

- 仅使用 <script setup>，禁用 Options API
- 基础类型/单值用 ref，复杂对象用 reactive
- 禁止隐式 any，注入值必须有类型和兜底
- 样式写在 <style scoped lang="scss">，避免全局污染
- 必须做防御性编程：接口返回、inject、用户输入都要空值/类型校验

这类 Prompt 的价值是：把"个人经验"变成"团队统一标准"。

4. 我的 SKILL 示例（已发布）

CursorSKILL配置

.cursor/skills/你的规则名.md

我发布的 Skill：

https://skillhub.cn/skills/project-review-checklist

Skill 关键片段：