设置cursor品牌视觉提示词门槛需三步:先创建命名严格的.cursorrules文件定义色彩、字体、图标、断点约束;再通过/chat指令或.cursorconfig.json注入品牌上下文;最后用/brand-check验证规则是否生效。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

设置Cursor品牌视觉提示词的门槛,是为了防止AI在生成UI组件、设计稿说明或前端代码时偏离团队既定的视觉规范,比如误用非授权色值、错配字体层级、擅自替换图标库或忽略响应式断点约束。这一步必须在提示词生效前完成,否则后续所有输出都可能从根上失准。
第一步:在项目根目录创建品牌约束规则文件
打开终端,进入项目根目录,执行:touch .cursorrules。该文件必须命名为 .cursorrules(注意开头的英文句点),且不能有任何扩展名——命名错误会导致Cursor完全忽略该规则。
用文本编辑器打开这个空文件,粘贴以下内容:
# 品牌视觉约束<br>## 色彩系统<br>- 主色仅限: #1A6DFF, #00B386, #FF6B35<br>- 禁用HEX以外的色值写法(如rgb()、hsl()、named colors)<br>## 字体与排版<br>- 正文字体必须为 Inter 或 system-ui,禁止使用 sans-serif 通配写法<br>- 标题层级严格对应:h1→2rem / h2→1.5rem / h3→1.25rem<br>## 图标与资产<br>- 所有图标必须来自 @icon-park/react v4.3+,禁用 SVG 内联或第三方 CDN 链接<br>## 响应式断点<br>- 仅允许使用:sm=640px、md=768px、lg=1024px、xl=1280px
第二步:绑定品牌视觉提示词到具体操作场景
方法一:在Chat窗口中手动触发带品牌校验的指令
输入:/brand-ui for Button component using Inter font and #1A6DFF primary。这会强制Cursor先校验当前请求是否符合.color-system和.font-stack两条规则,再生成代码。
Agents 正在你的整个代码库中处理越来越复杂、运行时间更长的任务。本次版本引入了新的 agent 框架改进,以实现更好的上下文管理,并在编辑器和 CLI 中带来了许多提升使用体验的修复。
方法二:用.cursorconfig.json自动注入品牌上下文
在项目根目录新建 .cursorconfig.json,写入:
{<br> "brand_context": {<br> "palette": ["#1A6DFF", "#00B386", "#FF6B35"],<br> "font_family": "Inter, system-ui",<br> "icon_source": "@icon-park/react@4.3.0"<br> }<br>}
⚠️ 注意:.cursorconfig.json 必须与 .cursorrules 同级存放,且两者不能互相覆盖——.cursorrules管行为约束,.cursorconfig.json管上下文注入,功能不重叠。
第三步:验证品牌门槛是否生效
① 在Cursor中打开任意.tsx文件 → 按 Ctrl+K → 输入“/brand-check” → 回车
② 观察AI返回内容:第一行必须是「✅ 品牌视觉规则已加载」,紧接着列出当前项目启用的色值、字体、图标源三项实际参数
③ 若出现「❌ 未检测到.color-system约束」或参数为空,则说明 .cursorrules 文件未被正确识别,需检查文件名是否含空格、是否保存为UTF-8无BOM格式、是否被.gitignore屏蔽
这一步操作起来很简单,直接把文件拖进去就行。










