Web界面规范与无障碍审查

专为Web前端界面打造的代码级设计规范与体验质检功能。用户只需提供待审查的页面或组件文件路径，系统便会自动调取最新的Web界面设计规范（Web Interface Guidelines），逐项排查无障碍访问（a11y）、响应式排版与交互体验隐患，并以紧凑的文件行号格式列出问题点与修改建议，助你在上线前轻松把控UI质感。

常见场景

它能帮你做什么？

上线前组件规范质检：在前端组件合入主分支前，审查按钮、弹窗等基础组件的键盘导航与交互规范是否达标。

页面无障碍水平自查：扫描业务核心落地页代码，快速排查ARIA标签缺失、对比度不足或语义化不当等无障碍体验问题。

设计系统落地合规核查：批量检查业务页面对全局设计系统规范的遵循情况，找出硬编码间距与不合规样式并指明行号。

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么，或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“审查 components/Button.tsx 是否符合最新的 Web 设计与无障碍规范”

“帮我检查 app/dashboard/page.tsx 里的 UI 实现，输出违规代码行和修改建议”

“按照 Web Interface Guidelines 规则，审计 src/components 目录下所有表单组件”

适用人群

适合谁？

前端开发工程师全栈工程师关注体验的UI/UX设计师前端技术负责人

上手门槛

使用难度

入门

无需编程基础。会和 AI 对话就能使用。

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes Agent可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

中文说明简化使用方式补充中文案例整理安装流程降低理解难度

Web界面规范与无障碍审查.Skill