用途:为 Web、桌面、iOS、Android 及跨平台移动端创建或审查可访问的 UI/UX,覆盖布局、主题、组件、设计系统与 DESIGN.md 令牌。
主要能力:先明确目的、用户问题、受众与设备、平台、框架、组件库、既有设计系统/令牌、断点、深色模式与无障碍约束,再按平台分支应用共享规则与各自要求。Web/桌面强调语义 HTML 优先于 ARIA、逻辑焦点顺序、可见焦点、指针与键盘一致、断点与行宽、无横向溢出、最小 44×44px 目标、优先 CSS 动效。iOS 遵循 Apple HIG,处理安全区、刘海/灵动岛、状态与主屏指示器、键盘与横屏,支持 VoiceOver、动态字体与减少动效,目标 ≥44pt 且间距 ≥8pt。Android 遵循 Material 3,处理状态栏、手势导航、键盘、挖孔与横竖屏,支持 TalkBack、字体缩放与减少动效,目标 ≥48dp 且间距 ≥8dp。跨平台共享语义令牌与内容/交互层级,仅通过 Platform.select 或框架适配器映射真实平台差异。
使用方式:按组件库/全局主题、库属性、StyleSheet.create 或框架主题、Platform.select、仅运行时动态值用内联样式的优先级实施;静态值不得内联。DESIGN.md 采用 Google alpha 格式:YAML frontmatter 含 version、name、description、colors、typography、rounded、spacing、components;正文顺序为 Overview、Colors、Typography、Layout、Elevation & Depth、Shapes、Components、Do's and Don'ts。components 值必须为 {token.ref},不得内联原始值;可用时运行 npx @google/design.md lint DESIGN.md。
适用场景:新建或审查多平台界面、设计系统与令牌、深色模式、动效与无障碍状态。
限制:资料未提供具体收费、价格、平台支持范围或效果数据;需结合项目既有设计系统与框架实际能力执行。