Cursor Custom Modes 实战指南:一次配置,告别重复提示词
见字如面,与大家分享实践中的经验与思考。
在使用 Cursor 进行 AI 编程时,优秀的提示词(prompts)对 AI 结果的产出至关重要,可以参考之前的文章:
当你已经积累了许多优秀的提示词模板后,是否厌倦了每次都要重复编写相同的角色设定和工作流程说明? 每次使用时都需要复制重复的提示词,并根据具体需求调整文案内容,以满足特定的工作流程要求。本文将介绍一种高效方法,让你用极少的自然语言,就能获得理想的结果。
视频教程:
解决思路
Cursor 提供了一项强大的功能——自定义模式(Custom Modes),它是对现有内置模式(Agent、Ask、Manual)的有力补充,允许用户根据特定需求创建专用模式来显著提高工作效率。我总结了它的核心价值:
工作流程优化:为特定开发任务创建专用模式,大幅提升效率
个性化 AI 行为:通过自定义指令精确调整 AI 的行为和响应方式
工具精确控制:灵活控制 AI 可使用的工具集,按需增强或限制其能力
模型专一性:为特定任务选择最适合的 AI 模型
快捷键便捷:设置专属快捷键,一键切换到常用模式
实操步骤
01 自定义模式界面
以我使用的 Cursor 版本 v1.1.4
为例,首先在 Cursor Settings → Chat → Custom modes
中启用自定义模式功能。打开聊天框(快捷键 Cmd/Ctrl + I
),点击"Add custom mode",然后配置模式的基本属性,包括:名称、图标、快捷键、工具集、默认大模型、自定义指令。其中,自定义指令可以理解为通用的提示词模板。具体操作参考下图:
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。
自定义指令:
你是一名精通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 成绩背后的真实编码体验。
按照这个思路,我们还可以创建 PRD 文档生成、任务拆解、Debug等一系列高度定制化的工作流程模式。
总结
通过使用 Custom Modes,你可以将注意力完全集中在核心需求描述上,而无需重复编写基础的角色设定和工作流程说明。这不仅大大提高了开发效率和工作体验,更让 AI 真正成为你的智能开发伙伴。
同时,你可以模板化一套完全属于自己的工作流模式,唯一的遗憾是目前最多只能支持 5 个自定义模式。
Cursor 系列精选阅读
如果你对 Cursor AI 编程感兴趣,可以浏览我的更多专题文章,同时我也会不定期更新到视频号,欢迎观看和订阅。
🚀 快速上手
💻 开发环境配置
🔌 MCP 工具生态
📝 规范与项目管理
🎨 UI/UX 设计流程
🔬 实战案例
欢迎关注公众号"Eric技术圈",原创技术文章第一时间推送。