用途：为品牌对齐的网页项目生成视觉设计系统，输出结构化设计令牌（颜色、字体、间距、圆角、阴影）供 CSS 自定义属性与 Tailwind CSS v4 主题配置使用。
主要能力：hero 优先链式布局（导航与页脚继承 hero 排版尺度）；从 visual-identity.md 提取设计令牌；WCAG 2.1 AA 对比度校验（正文 4.5:1、大文本与 UI 组件 3:1）；组件规范（按钮、卡片、导航、区块布局）；响应式栅格（移动 4 列、平板 8 列、桌面 12 列）；可选深色模式与动效规范；性能预算（Lighthouse Performance ≥ 80、Accessibility ≥ 90、Best Practices ≥ 80、SEO ≥ 80，LCP < 2.5s、CLS < 0.1）。
使用方式：执行前需确认 .moai/project/brand/visual-identity.md 存在且无 TBD 标记、文案范围已定义、目标框架已确认（来自 .moai/config/sections/design.yaml 的 default_framework）。Figma 集成默认关闭（figma.enabled: false）；若启用并提供公开 Figma 文件 URL，则从中提取令牌，否则以 visual-identity.md 为唯一事实来源。
限制：visual-identity.md 含未解决 TBD 时停止并要求完成品牌访谈；调色板与生成令牌冲突时中止并返回冲突报告；品牌色不满足对比度时中止并返回失败色对、实际比值、最低要求及三个替代前景色，不静默生成回退色。缺少身份文件时返回 BRAND_DESIGN_MISSING_IDENTITY。具体收费、价格与平台信息暂未提供。