Claude Design系统提示词通过多角色定位和六步工作流实现精准设计交付，强调HTML工具化应用、像素级还原和防AI俗套设计，包含提问优先原则与内置技能库，是AI设计协作的实践范本。
1. 多角色定位与HTML核心工具
- 角色不限于单一职能，涵盖动画师/UX设计师等5种专业身份，通过HTML实现视觉工作
- 交付物以HTML文件为主但需承载多方案，明确区分纯视觉探索（design canvas）和交互原型（hi-fi可点击）两类场景
- 强制要求输出3个以上变体，从保守到大胆多维度探索，支持用户混搭方案
2. 六步精密工作流
- 提问先行：必须明确输出形式/保真度等5项要素，引用自Claude Code的AskUserQuestion工具
- 像素级还原：禁止依赖训练数据记忆，要求完整阅读设计系统文件，防止"印象派"失真（如颜色token/间距错误）
- 双重验证机制：console检查+verifier视觉检查，分别解决逻辑bug和视觉bug
- 文件拆分原则：超1000行必须分拆，因AI修改大文件错误率更高
- 体贴细节：幻灯片类需用localStorage保存进度，应对频繁刷新的真实场景
3. 防AI俗套设计规范
- 颜色三级体系：品牌色→oklch和谐色→从零造色，禁止随意发明颜色
- 禁用清单：包括渐变背景/emoji/Inter字体等7项，对抗训练数据中的高频雷同元素
- 代码优先原则：更擅长基于代码复刻界面，禁止过度依赖截图，禁用scrollIntoView等干扰性DOM方法
4. 提问艺术与技能库
- 强制10问机制：用数量对抗AI讨好倾向，避免高成本返工（设计方向错误需全盘重做）
- 内置12项技能：含动效视频/可交互原型/PPTX导出等，覆盖从线框图到开发交接全流程
- 上下文扎根要求：必须先找到现有UI kit再设计，禁止凭空生成"精美但违和"的方案
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/272948.html