用途：这是一套跨框架、跨平台的通用设计原则指南，用于审查设计规范、指导字体与色彩选择、检查布局响应式结构、修复视觉层级问题，以及支撑设计系统基础。
主要能力： 色彩：HSL 模型（色相、饱和度、明度）、HEX/RGB/HSL 表示；互补、邻近、三角、单色配色关系；WCAG 对比度标准（正文 4.5:1 AA、7:1 AAA，大字 3:1 AA，UI 组件 3:1）；语义色（成功、警告、危险、信息、中性）；建议主色 8-12 种并建立色阶，强调色仅用于高优先级操作，需做色盲与暗色模式测试。 字体：衬线/无衬线选择，同一产品最多 2-3 种字体；基于比例的排版量表（如 1.125、1.25、1.5），建议不超过 6 种字号、正文不低于 12px；行高标题 1.1-1.2、正文 1.5-1.7；字重阶梯（400 正文、500 UI、700 标题）；字距与段间距规则。 布局：12 列网格、8 点软网格；Flexbox 用于一维与组件级，Grid 用于二维与页面级；断点（sm 640、md 768、lg 1024、xl 1280、2xl 1536）与移动优先；内容最大宽度约 1200px 及内边距建议。 间距与层级：8px 增量间距量表（4/8/16/24/32/48/64）；margin 与 padding 区分；留白策略；通过大小、字重、颜色、对比、位置、邻近、留白建立三级视觉层级；焦点状态与交互反馈（hover、active、focus、disabled）。
使用方式：资料未提供安装命令或代码调用方式；可在设计评审、配色与排版决策、响应式结构评估、对比度检查中作为参考清单使用，并配合 WebAIM Contrast Checker 等工具。
限制：不适用于工具专属工作流（如 Figma 插件）、动效与动画设计、交互原型及代码实现细节；相关资料还提及配套参考文件（排版量表生成、配色指南、响应式布局模式、间距检查清单、无障碍清单），但未提供具体获取步骤。缺失事实暂未提供。