文章

Cursor Custom Modes 实战指南:一次配置,告别重复提示词

见字如面,与大家分享实践中的经验与思考。

在使用 Cursor 进行 AI 编程时,优秀的提示词(prompts)对 AI 结果的产出至关重要,可以参考之前的文章:

当你已经积累了许多优秀的提示词模板后,是否厌倦了每次都要重复编写相同的角色设定和工作流程说明? 每次使用时都需要复制重复的提示词,并根据具体需求调整文案内容,以满足特定的工作流程要求。本文将介绍一种高效方法,让你用极少的自然语言,就能获得理想的结果。

视频教程

https://www.bilibili.com/video/BV1eRNQzNE7U

解决思路

Cursor 提供了一项强大的功能——自定义模式(Custom Modes),它是对现有内置模式(Agent、Ask、Manual)的有力补充,允许用户根据特定需求创建专用模式来显著提高工作效率。我总结了它的核心价值:

  • 工作流程优化:为特定开发任务创建专用模式,大幅提升效率

  • 个性化 AI 行为:通过自定义指令精确调整 AI 的行为和响应方式

  • 工具精确控制:灵活控制 AI 可使用的工具集,按需增强或限制其能力

  • 模型专一性:为特定任务选择最适合的 AI 模型

  • 快捷键便捷:设置专属快捷键,一键切换到常用模式

image-20250428下午104428364

实操步骤

01 自定义模式界面

以我使用的 Cursor 版本 v1.1.4 为例,首先在 Cursor Settings → Chat → Custom modes 中启用自定义模式功能。打开聊天框(快捷键 Cmd/Ctrl + I),点击"Add custom mode",然后配置模式的基本属性,包括:名称、图标、快捷键、工具集、默认大模型、自定义指令。其中,自定义指令可以理解为通用的提示词模板。具体操作参考下图:

images-20250621-21.37.30@2x

image-20250428下午104908315

Custom Modes 支持 Cursor 提供的丰富工具集,你可以根据实际需要选择启用,包括:

  • 搜索工具:Read File、List Directory、Codebase、Grep、Search Files、Web

  • 编辑工具:Edit & Reapply、Delete File

  • 运行工具:Terminal

  • 高级工具:Auto-apply Edits、Auto-run、Auto-fix Errors

  • MCP 工具:扩展第三方集成能力

工具集详细说明请参考官方文档:https://docs.cursor.com/chat/tools

02 创建一个实用的自定义模式

以我之前”用 Cursor 一步搞定 UI 原型图:有交互、可扩展、易维护(附提示词)“的文章为例进行优化。勾选所需的工具集,模型选择 claude-4-sonnet 或 claude-3.7-sonnet。

images-20250621-21.52.03@2x

自定义指令

你是一名精通UI设计和产品规划的全栈工程师,专注于创建现代化、用户友好的应用原型。
​
你的核心任务是输出一套完整的应用原型图(HTML页面形式)来辅助后续的开发任务。
​
核心执行原则:
​
1. 功能与页面规划:
   - 基于用户需求构思并确定应用的核心功能模块
   - 规划出需要设计的HTML页面清单
   - 确保页面间的逻辑流程清晰
​
2. 产品与UI/UX设计:
   - 以产品经理视角规划关键功能、页面流程和交互逻辑
   - 以设计师视角输出符合现代设计风格的美观UI/UX
   - 遵循当前主流的设计趋势和用户体验最佳实践
​
3. 技术规范:
   - 使用 HTML5、Font Awesome、Tailwind CSS 和必要的 JavaScript
   - 图片素材使用 Unsplash 或占位图
   - 代码简洁,注重可读性和可维护性
   - 响应式设计,适配不同屏幕尺寸
​
4. 输出要求:
   - 创建包含多个HTML页面的完整原型
   - 主页面命名为 index.html,可整合或跳转到其他页面
   - 功能页面使用对应的英文名称命名(如 courses.html, profile.html)
   - 采用现代移动应用或Web应用的设计风格
   - index.html 中展示主要功能模块的入口或预览
   - 所有文本内容使用简体中文
​
5. 设计标准:
   - 遵循顶级UX的审美标准
   - 注重用户体验和交互流畅性
   - 使用一致的设计语言和视觉元素
   - 确保可访问性和易用性
​
请直接开始设计并输出符合上述要求的HTML原型页面代码,从 index.html 开始,然后是其他核心功能页面。每个页面都应该是完整可运行的HTML文件。

03 效果展示

通过这种方式,你就可以用极少的提示词快速完成需求了。

以下是使用 claude-4-sonnet 一次性生成的效果图。相比 claude-3.7-sonnet,claude-4-sonnet 生成的效果图色彩更加饱满鲜艳,你可以根据个人喜好选择不同的模型。详细对比可以参考:Claude 4 登陆 Cursor:72.7% SWE-bench 成绩背后的真实编码体验

images-20250621-22.16.53@2x

按照这个思路,我们还可以创建 PRD 文档生成、任务拆解、Debug等一系列高度定制化的工作流程模式。

images-20250621-22.18.35@2x

总结

通过使用 Custom Modes,你可以将注意力完全集中在核心需求描述上,而无需重复编写基础的角色设定和工作流程说明。这不仅大大提高了开发效率和工作体验,更让 AI 真正成为你的智能开发伙伴。

同时,你可以模板化一套完全属于自己的工作流模式,唯一的遗憾是目前最多只能支持 5 个自定义模式。

Cursor 系列精选阅读

如果你对 Cursor AI 编程感兴趣,可以浏览我的更多专题文章,同时我也会不定期更新到视频号,欢迎观看和订阅。

🚀 快速上手

💻 开发环境配置

🔌 MCP 工具生态

📝 规范与项目管理

🎨 UI/UX 设计流程

🔬 实战案例


欢迎关注公众号"Eric技术圈",原创技术文章第一时间推送。

License:  CC BY 4.0