用途：这是一套专业产品设计方法论技能，目标不是凭感觉出图，而是让每个设计决策都有意图与依据。核心自问：“如果明天给 10 个用户看，他们会记住什么？”
主要能力：
- 设计前发现：先明确构建什么（屏幕类型、平台、范围）、为谁做、用户核心动作与成功指标、要唤起的感觉、产品要完成的任务、潜在异议、希望被记住的点、约束条件，并产出设计简报：“我在为[谁]设计一个[什么]，帮他们[目标]，应给人[调性]的感觉。”
- 工作流：发现（设计简报）→ 调研（真实产品、竞品、标杆）→ 分析（提取模式、比较、决策）→ 设计（排版、色彩、间距、文案、灵魂）→ 实现（构建并按质量门校验）。
- 调研三视角：结构（布局、组件、信息层级）、视觉工艺（字体、色彩、间距、细节、图标风格、整体气质）、转化与灵魂（前三秒钩子、异议处理、信任信号、独特性、微文案）。要求列出至少 5 条“借鉴清单”，并写清来源、做法、为何有效、如何改编。
- 排版：比例 1.2，最多 6–8 个字号；大标题行距紧，正文行距松；字间距按字号与用途设置（小字、UI 标签、全大写必须有字间距）；行长 50–75 字符，字体最多 2 种。
- 色彩：四层调色板（中性色 70–90%、主强调色 5–10%、语义色、效果色）；主色 600 默认、700 悬停、800 激活；正文对比度 4.5:1；暗色主题不简单反色，背景用 #0f0f0f，文字用 #f0f0f0；token 按用途命名。
- 间距：以 4px 或 8px 为基数；邻近表示关联；密度随场景变化；移动端结构间距按 0.5–0.75 倍缩放，组件内部间距不变。
- 反 AI 套路：无明确要求时不用靛蓝/紫罗兰；避免默认字体、千篇一律的蓝色渐变、完全对称、色块背景、图库插画；不默认 Hero→功能→定价→FAQ→CTA 结构。
- 动效：服务于反馈、连续性与层级；即时交互 90–150ms，状态变化 160–240ms，大过渡 240–360ms；需支持 prefers-reduced-motion；产品 UI 动画不超过 500ms，不用 transition: all。
- 图标：一个产品只用一种风格；注意视觉居中的光学修正；默认 currentColor；操作图标需 aria-label，点击区域至少 44×44px；可用 Lucide、Heroicons、Material Symbols、SF Symbols。
- 说服层：填写钩子、故事弧、异议消除、信任信号、紧迫感、可被记住之物；约 80% 成熟模式加 20% 独特选择。
- 质量门：功能（主操作明显、错误态、移动端可用）、视觉（眯眼测试、间距节奏、排版有意图）、说服（3 秒钩子、2 个以上信任信号、处理异议）、打磨（无孤字、图标对齐、按钮一致）。
使用方式：按工作流逐步执行，并在写代码前填完说服层表格与设计简报；参考文件包括 typography.md、color.md、spacing.md、motion.md、icons.md、craft-details.md、anti-ai-slop.md。
适用场景：Web/移动产品界面、营销页、仪表盘等设计工作。
限制：来源未提供具体安装命令、依赖、收费与价格信息；也不包含可直接复制的完整代码示例。