用途：在生成任何 HTML/CSS/JS 视觉类网页输出（仪表盘、落地页、Web 应用、工具、作品集等）时使用，作为视觉质量门槛，官方说明要求与 project-builder 一起使用。目标不是套模板，而是让每个页面呈现出被专业设计师设计过的效果。
主要能力：提供设计方法论文档，包括美学的色彩、排版与布局决策（references/aesthetics.md）；UI 组件如导航、卡片、表格、按钮、表单、hero、CTA（references/components.md）；动效如滚动显现、悬停、模态、抽屉、加载序列（references/animations.md）；图表如 Chart.js/ECharts 配置、类型选择、模拟数据与仪表盘布局（references/charts.md）。
使用方式：编码前先做 Design Read，输出单行判断（页面类型、受众、氛围、美学家族、明暗表面）；若拨盘选中深色或着色表面，必须先写 Scene 场景句来锚定色调。随后按 UTC 时间计算四组拨盘索引：Surface、Accent Hue、Typography、Aesthetic Family，并输出 Design Dials 行。用户明确指定的设计偏好优先级最高，其次是 Design Read 推断，拨盘仅用于未指定维度。
限制：用户偏好覆盖拨盘结果，不得争辩。排版上有禁用字体与默认禁用色，正文对比度需达 4.5:1，大字 3:1。每页需响应式、支持 prefers-reduced-motion、浅色/深色主题切换并持久化。具体实现示例与完整规则见官方参考文件。