用途：为仪表盘、管理后台、SaaS 界面和 Web 应用提供一套精确、有意图的 UI/UX 设计规范，强调“为具体产品语境而设计”，而非套用默认样式。
主要能力：给出间距、字号、圆角、动画、图标等基础数值规范；要求先确定设计方向（如精密密集、温暖亲和、精致可信、大胆清晰、实用功能、数据分析等），再选择色彩基础、布局方式与字体；提供 4px 网格、对称内边距、圆角一致性、深度与层级策略、卡片表面统一、自定义控件、排版层级、等宽字体用于数据、图标使用、动画时长与缓动、对比层级、颜色仅用于语义、导航语境、深色模式等工艺原则；并列出反模式与自检问题。
使用方式：在编写代码前先承诺一个设计方向，再按规范落地。基础数值包括间距 4/8/12/16/24/32px，字号 11/12/13/14（基准）/16/18/24/32px，圆角锐利 4/6/8px 或柔和 8/12px，动画微交互 150ms、过渡 200-250ms，图标使用 Phosphor Icons（@phosphor-icons/react）。示例代码片段包括 padding: 16px;、padding: 12px 16px;、border: 0.5px solid var(--border);、--shadow: 0 1px 3px rgba(0, 0, 0, 0.08); 等。
适用场景：企业软件、SaaS 仪表盘、管理界面、Web 应用，尤其适合信息密集、需要清晰层级与一致表面处理的界面。
限制：资料未提供安装命令、收费方式、平台支持范围或具体效果数据；部分内容为设计指导原则，需结合具体产品语境判断，不能替代实际可用性测试。