#accessibility

一个为编码 agent 注入「设计智能」的 Claude Code 插件——84 种风格、161 套配色、73 组字体搭配、图表与技术栈，外加一个「设计系统生成器」，能把项目需求一键转成可上线的定制设计系统。

按 19 条规则审查 Figma 与代码(HTML/CSS/React/Vue/Tailwind)中的设计——可访问性、对比度、设计令牌、响应式、暗黑模式与 Nielsen 启发式。

先把「AI 生成页面」的套路长相写出来再刻意避开，然后用真实字号体系、十六进制色值、对比度和完整状态清单守住细节底线。

先点名三个已上架 App 作为参照标杆，再守住细节底线：4pt 栅格、Text Styles、语义色、44pt 触控目标、精确到名字的 SF Symbols、带时长的动效。

以怀疑态度审查 UI 改动的视觉验证 agent：只看截图证据，在视觉上被证明之前一律假定目标未达成。

端到端的无障碍审计工作流：axe-core 自动化扫描、人工验证、整改建议，以及面向 WCAG 合规的 CI 接入。

用 VoiceOver、NVDA、JAWS、TalkBack 与 Narrator 测试 Web 应用的实操指南，涵盖快捷键、ARIA 模式与调试技巧。

WCAG 2.2 审计的精简导航层：合规等级、POUR 四原则，以及按影响程度排序的常见违规项。