Design Craft 是一套面向 UI 构建与重设的设计规则技能，目标是让界面跳出大模型默认的“统计中位数”审美——即千篇一律的 Tailwind 教程与模板风格。其核心公式是：约束 + 一致性 + 克制 = 质量。
用途：在构建或重设任何 UI（页面、组件、仪表盘、表单、落地页等）时，提供强设计师会做出的决策，包括字体、颜色、间距与交互的可执行内核，以及其余部分的分支配方。
主要能力：
- 硬性护栏：列出应避免的反射式做法与替代方案，例如紫/靛→粉/紫渐变、渐变文字、模糊光球、静态表面上的装饰性玻璃/发光/模糊、居中英雄区加相同卡片网格、虚假社会证明（“Trusted by 10,000+”、logo 跑马灯、John Doe/Acme Corp、99.99% 圆整指标、假终端/浏览器窗口装饰）、卡片彩色左边框条纹、未修改的组件库默认值、死控件（href="#"、空 onClick、不持久化的开关）、乞求注意的动效、模板化文案（Seamlessly、Effortlessly、Streamline、Unlock 等）。
- 意图与重复透镜：对每个情境敏感处理（暖中性色、纹理、插画、大圆角、大写微标签、迷你图、深色区块）要求其传达状态、层级、焦点、信息或品牌含义，并限定在具名角色内。
- 项目上下文扫描（强制）：在进入设计决策门之前，判断是棕地（已有设计系统）还是绿地。检查 components.json、tailwind.config、globals.css、package.json 等，若发现任何现有令牌则编目并沿用，跳过颜色推导；否则运行完整设计决策门。
- 设计决策门（强制）：在写任何代码前明确陈述结构原型、视觉密度、美学方向（具体形容词对）、初始模式（由物理场景一句话决定明暗）、字体、颜色策略、构图，以及“难忘问题”和交换测试。
- 参考加载触发器（强制）：涉及调色板/对比度/暗色深度读 reference/color.md；字体加载/回退/可变字体/长文/CJK 读 reference/typography.md；圆角/高度系统/密度/节奏/安全区/光学对齐读 reference/spacing.md；应用外壳/侧边栏/设置/功能/定价/证明/页脚读 reference/composition.md；异步数据/表单/校验/空错载/破坏性操作/乐观更新读 reference/product-states.md；模态/抽屉/过渡/手势/交互动效读 reference/motion.md；仪表盘/表格/图表/KPI/金融 UI 读 reference/data-dense.md；图标/图片/插画/emoji 读 reference/visual-assets.md。
- 英雄区菜单（营销页）：提供 Splitscreen、Editorial、Full-bleed media、Asymmetric mosaic、Anchored metric 等架构及适用场景，并给出英雄区规则（间距、标题尺寸、副文本、CTA、真实图像等）。
- 字体内核：五个角色（Display、Heading、Body、Caption、Micro）及默认尺寸，跟踪、行高、大小写、数字、换行、字重、移动端输入等规则，以及按美学分类的字体菜单（编辑、技术/冷峻、友好/柔和、大胆/表现、中性/专业）。
- 颜色内核：策略轴（克制、承诺、全调色板、浸染），绿地推导步骤（从产品名推导色相、12 级明度脊柱、伴随中性色阶、映射语义令牌、对比度下限、暗色模式重映射、通用状态色、60-30-10 等）。
- 间距内核：4px 网格、内边距与堆叠、节奏、分组线索、表面层级、圆角、触控目标、令牌、高度等规则。
- 布局机制：Flexbox/Grid、视口单位、溢出、z-index、覆盖层、尺寸契约、网格、语义 HTML、响应式、不对称等规则。
使用方式：该技能以规则与参考文档形式提供，需在构建或重设 UI 时按流程执行：先做项目上下文扫描，再走设计决策门，按触发器加载对应参考文档，最后按内核规则编写代码。
适用场景：任何 UI 构建或重设工作，包括页面、组件、仪表盘、表单、落地页、应用外壳、设置页、详情页、数据密集界面等。
限制：资料未提供具体安装命令、收费方式、平台支持或效果保证；部分参考文档（如 reference/color.md 等）的具体内容未在资料中展开，需另行查阅。