用途：这是一套实用且观点鲜明的 UI 设计方法，用于在生成前端代码、评审设计或给出视觉改进建议时应用。核心原则是先做灰度设计，最后加颜色，迫使层级通过间距、对比和字体建立，而非依赖颜色。
主要能力：围绕七项原则展开——视觉层级（用大小、字重、颜色三个杠杆，组合而非叠加）、间距与尺寸（固定比例 4/8/16/24/32/48/64px，组间距大于组内间距，文本宽度限制 45-75 字符）、排版（模块化字号 12-36px，标题行高 1.0-1.25、正文 1.5-1.75，最多两种字体）、颜色（每色 5-9 个色阶，灰阶带轻微色相，正文对比度至少 4.5:1）、深度与阴影（按高度分级 shadow-sm 到 shadow-xl）、图片与图标（object-fit: cover、叠加渐变保证文字可读）、布局与构图（默认左对齐，仅英雄区与短标题居中）。
使用方式：提供快速诊断表，含 8 项是/否检查，按满足项数计分（score = round(满足数 / 8 × 10)），并给出当前得分与需修复的具体项。资料还列出常见错误及修复方式，如“看起来业余”对应增加留白与约束宽度。
适用场景：前端代码生成、设计评审、视觉改进咨询，以及表单、仪表盘、表格、卡片、空状态等组件设计。
限制：资料未提供具体安装命令、收费方式或平台信息；部分进阶主题（深色模式、无障碍、动画、数据可视化）仅指向参考文件，正文未展开。