design-system - 评估输出的视觉规范与质量标准
为交互式评估产物和 HTML/PDF 报告定义统一的颜色、字体、布局、组件规范、图表配色和质量标准。
标签
更新于: 2026-10-16能力
典型输入
典型输出
该技能可以做什么
- 定义语义颜色令牌
- 规范字体和间距
- 统一组件比例
- 定义图表配色
- 设定视觉质量标准
输入
- 评估输出产物
- 渲染环境
输出
- 样式化交互式 CP 产物
- 样式化 HTML/PDF 报告
- 统一的视觉识别
要求
- React 18
- Tailwind
- Shadcn
- Recharts
- 自包含 HTML
- Chart.js
- 通过 Google Fonts CDN 提供的 Inter 字体