夏有木工作室夏有木工作室XymStudio
  • Home
  • Blog
  • About
  • Contact
夏有木工作室夏有木工作室XymStudio
All Articles/
Cursor

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

EricEric
2025/06/22
·4 min read (1,040 words)·

详解 Cursor Custom Modes 自定义模式:为产品规划、前端重构与后端开发分别定制系统提示词与模型参数。

Table of Contents

  • 解决思路
  • 实操步骤
  • 01 自定义模式界面
  • 02 创建一个实用的自定义模式
  • 03 效果展示
  • 总结
  • Cursor 实战开发与模型测评专题推荐

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

  • Cursor AI 提示词编写技巧总结
  • 用 Cursor 一步搞定 UI 原型图:有交互、可扩展、易维护(附提示词)

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

视频教程(B 站):

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 实战开发与模型测评专题推荐

如果你对全栈项目实战、模型测评对比与 Agent 模式感兴趣,推荐阅读:

  • 完全使用 Cursor 开发一个 Web 项目的真实感受
  • Cursor 中 Claude 3.7 vs 3.5 前端开发深度对比(附源码)
  • Cursor 项目研发最佳实践总结
  • 国产 AI 编辑器 Trae 新版体验:Cursor 的可选替代方案
  • Claude 4 登陆 Cursor:72.7% SWE-bench 成绩背后的真实编码体验

👉 查阅更多实战技巧,欢迎访问 Cursor 专栏完整目录。

Previous

用 Cursor 开发全栈 Web 应用:Next.js + Supabase 全流程实战

Next

Cursor Rules 四大原则:让 AI 代码生成更稳定高效

More Articles

在 Cursor 中落地 Next.js 企业级开发规则的完整实践

在 Cursor 中落地 Next.js 企业级开发规则的完整实践

基于进销存 SaaS 与企业门户实战,提炼 Next.js 16 + React 19 + Tailwind CSS 企业级三层 Cursor Rules 落地规范。

EricEric
2025/12/06
Cursor、Qoder、Trae 深度体验后的使用心得

Cursor、Qoder、Trae 深度体验后的使用心得

三款主流 AI IDE 横评:从代码补全响应速度、Agent 模式可靠性到企业环境适配性,全面复盘使用心得。

EricEric
2025/10/13
Cursor + GPT-5 编程实战测评:功能、性能与真实体验

Cursor + GPT-5 编程实战测评:功能、性能与真实体验

OpenAI 旗舰 GPT-5 发布后接入 Cursor 评测:在大型工程上下文、复杂算法与全栈代码编写中的真实表现。

EricEric
2025/08/09
夏有木工作室夏有木工作室XymStudio

Professional software engineering partner, crafting high-performance digital products and enterprise solutions.

GitHubGitHubEmail
Built with夏有木工作室夏有木工作室夏有木

川公网安备51012202002478号|蜀ICP备2025156031号-1

Product
  • Xym ERP
Tools
  • WeChat Formatter
Resources
  • Blog
  • Changelog
Company
  • About Us
  • Contact
Legal
  • Cookie Policy
  • Privacy Policy
  • Terms of Service
© 2026 XymStudio All Rights Reserved.