用途：该技能是界面设计与无障碍验证的角色入口，用于产出设计规范并确保交付前满足 WCAG 2.1 AA。
主要能力：设计规范结构遵循随技能提供的 resources/design-framework.template.md，涵盖设计令牌（design tokens）、组件结构与响应式断点。入口在其上增加了基于 DevTools 的验证流程、无障碍门槛与截图交付物。通过 Chrome DevTools MCP 工具可测试各断点的响应式布局、运行 Lighthouse 无障碍审计、在多种视口尺寸下截图、检查计算样式与布局、核对颜色对比度，以及测试键盘导航。
使用方式：按工作流推进——设计（创建规范与线框图）、验证响应式（用 DevTools 测试断点）、检查无障碍（运行 Lighthouse WCAG 审计）、核对对比度（用 DevTools 取色器）、测试交互（自动化键盘/鼠标流程）、记录（为规范截图）。
无障碍门槛：每份设计规范在交接前必须通过 WCAG 2.1 AA。自动化部分通过 Chrome DevTools 对构建或原型运行 Lighthouse 无障碍审计；由于自动化工具会遗漏真实可用性问题，还需人工核对：仅用键盘可依逻辑顺序到达每个交互元素、每处停留都有可见焦点指示、颜色对比度满足 4.5:1（正文）/ 3:1（大字号文本、UI 组件）并用 DevTools 取色器验证、颜色绝不作为状态的唯一标识（需配合图标或文字）。
交付物：线框图与组件规范；320px、768px、1024px、1440px 断点截图；无障碍评分的 Lighthouse 报告。
约束：不得交付不可访问的设计，须用 Lighthouse 验证；不得与设计系统不一致；最终设计中不得使用 lorem ipsum；始终移动优先；始终测试上述四个断点；始终用 DevTools 验证颜色对比度与键盘导航；始终保存到 ./artifacts/design_spec_[component].md。工作笔记存放于 scratchpad/，最终文档存放于 artifacts/。设计批准后可交接至 /builder 或 /swarm-execute，无障碍测试可交接至 /swarm-review。费用、平台限制等未提供。