用途:为品牌一致的网页项目生成视觉设计系统,输出颜色、排版、间距、圆角、阴影等设计令牌,供下游实现使用。
主要能力:从 .moai/project/brand/visual-identity.md 提取设计令牌;英雄区优先布局链(导航与页脚继承英雄区排版尺度);WCAG 2.1 AA 对比度校验(正文 4.5:1,大文本与 UI 组件 3:1);组件规格(按钮、卡片、导航、区块布局);响应式栅格;暗色模式;动效与性能预算(Lighthouse 性能≥80、无障碍≥90、最佳实践≥80、SEO≥80,LCP<2.5s、CLS<0.1)。
使用方式:需先确认 visual-identity.md 存在且无 TBD 标记、文案范围已定义、目标框架已确认(来自 .moai/config/sections/design.yaml 的 default_framework)。Figma 集成默认关闭(figma.enabled: false),仅在启用并提供公开 Figma 文件 URL 时从 Figma 提取令牌,否则以 visual-identity.md 为唯一来源。
限制:仅限开发运行时,依赖 .moai/config,在 Claude Cowork(Desktop)可能无法运行,桌面用户应改用 moai-coworker:collab-brand-identity。身份文件缺失或含 TBD 时返回 BRAND_DESIGN_MISSING_IDENTITY 并停止;令牌与品牌色板冲突时返回 BRAND_DESIGN_CONFLICT;对比度不达标时返回冲突报告,不静默生成回退色。