用途:该技能面向设计系统规范编写者,帮助工程师和设计师基于 Material 产出实用、可直接实施的设计指引,用于创建视觉一致、直观且响应式的数字体验。
主要能力:涵盖视觉风格(现代、极简、干净)、排版层级 12/14/16/20/24/32,字体 primary=Inter、display=Roboto、mono=Fira Code,字重 100 至 900;颜色以 primary、secondary、neutral、success、warning、danger 等语义令牌给出,如 primary=#6442D6、secondary=#C8B3FD、success=#16A34A、warning=#D97706、danger=#DC2626、surface=#FFFFFF、text=#111827;间距刻度 4/8/12/16/24/32。强调分层表面、动态主题、内置动效与跨平台响应式模式。
使用方式:先复述设计意图,再定义令牌与基础约束,然后给出组件级规则(结构、变体、状态、响应式行为)、可测试的无障碍验收标准、内容与语气规范、反模式与迁移说明,最后附代码评审可执行的 QA 检查清单。
适用场景:团队制定或统一 Material 风格的设计系统、组件库与跨设备界面规范。
限制与要求:遵循 WCAG 2.2 AA,键盘优先交互与可见焦点状态;偏好语义令牌而非原始值;每条规则须锚定令牌、阈值或示例,避免依赖模糊形容词;不得使用低对比文本、不一致间距节奏或歧义标签;美学与无障碍冲突时优先无障碍。未提供收费、价格与平台信息。