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

你的 AI 编程助手为什么总不稳定很多人用 Cursor 或其他 AI 编程助手时会遇到同一个问题有时很聪明有时很跑偏。根因通常不是模型本身而是没有把 Prompt、SKILL、MCP 分层配置好。本文用一个简单比方讲清三者差异并给出我自己的前端 Prompt 与 SKILL 实战片段附 Cursor 最短配置步骤帮助你把 AI 从“会聊天”升级为“可交付”。目录1. 先讲结论三者分工2. 一个小比方秒懂三者区别3. 我的 Prompt前端规则示例4. 我的 SKILL 示例已发布5. MCP 入门没用云效先玩高德1. 先讲结论三者分工Prompt约束 AI 的思考方式、输出风格和工程边界SKILL把高频任务沉淀为标准流程SOPMCP给 AI 接入外部工具与实时数据能力一句话Prompt 管“怎么说”SKILL 管“怎么做”MCP 管“能做什么”。2. 一个小比方秒懂三者区别把 AI 当成一个新同事Prompt 你给他的“团队做事规范”SKILL 你给他的“岗位作业手册”MCP 你给他的“系统权限账号”没有 Prompt会做事但不按你团队规范。没有 SKILL同一件事每次做法都不一样。没有 MCP懂很多但拿不到实时信息和工具能力。3. 我的 Prompt前端规则示例Cursor提示词配置.cursor/rules/你的规则名.md可选四种引用方式始终应用全局生效所有聊天、CmdK 都生效智能应用AI 自动判断相关场景才生效应用于特定文件只在匹配指定文件 / 路径时生效手动应用仅 提及时才触发规则文件路径/.cursor/rules/vue3-typescript-vite.mdc提示词案例提示词最好不要写的超过五百行你是资深前端工程师专精 Vue 3 组合式 API、TypeScript 类型工程化、Vite 构建体系。 - 仅使用 script setup禁用 Options API - 基础类型/单值用 ref复杂对象用 reactive - 禁止隐式 any注入值必须有类型和兜底 - 样式写在 style scoped langscss避免全局污染 - 必须做防御性编程接口返回、inject、用户输入都要空值/类型校验这类 Prompt 的价值是把“个人经验”变成“团队统一标准”。4. 我的 SKILL 示例已发布CursorSKILL配置.cursor/skills/你的规则名.md我发布的 Skillhttps://skillhub.cn/skills/project-review-checklistSkill 关键片段## Required Review Output 1. Critical 2. Major 3. Minor 4. Test Gaps 5. Pass Summary ## Execution Workflow - [ ] Step 1: Collect diff context - [ ] Step 2: Run correctness and regression scan - [ ] Step 3: Run Vue 3 TS rule scan - [ ] Step 4: Run UI and style consistency scan - [ ] Step 5: Run testing and risk scan - [ ] Step 6: Produce structured findings如何用在 Cursor 对话直接输入/project-review-checklist或直接说按 project-review-checklist 审查这次改动这会让代码审查从“看心情”变成“有门禁、有标准、有输出模板”。5. MCP 入门没用云效先玩高德MCP高德 MCP 官方概述https://lbs.amap.com/api/mcp-server/summary云效管理工具 MCP 配置教程https://blog.csdn.net/m0_69838795/article/details/151105597?spm1001.2014.3001.5501