Skill 广场
无障碍设计与代码审计 Skill

无障碍设计与代码审计.Skill

@affaan-m/accessibility

4.6优秀AI 评分基础检查通过源自 GitHub

该能力专门用于帮助开发者与UI设计人员打造符合国际标准(WCAG 2.2 AA级)的无障碍数字产品。它能够对Web、iOS(SwiftUI)以及Android(Jetpack Compose)平台下的界面代码进行深度审计,识别诸如div仿冒按钮、缺乏键盘焦点管理、对比度不足、缺少屏幕阅读器辅助标签等隐患,并直接提供跨平台的语义化HTML/ARIA、SwiftUI Accessibility Traits以及Compose Semantics的最佳实践代码与修复建议。

编程Web前端开发工程师iOS/Android原生应用开发者UI/UX设计师2026-09-23 更新main

无障碍设计与代码审计

该能力专门用于帮助开发者与UI设计人员打造符合国际标准(WCAG 2.2 AA级)的无障碍数字产品。它能够对Web、iOS(SwiftUI)以及Android(Jetpack Compose)平台下的界面代码进行深度审计,识别诸如div仿冒按钮、缺乏键盘焦点管理、对比度不足、缺少屏幕阅读器辅助标签等隐患,并直接提供跨平台的语义化HTML/ARIA、SwiftUI Accessibility Traits以及Compose Semantics的最佳实践代码与修复建议。

它会先理解你的原始内容和目标,再按清晰的步骤完成处理。你不需要学习复杂命令,也不用理解背后的技术细节。

常见场景

它能帮你做什么?

01

02

03

三步完成

怎么使用

1安装 Skill

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

2说清楚目标

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

3检查结果

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

复制就能用

你可以直接这样说

请帮我审计这个React模态框组件,确保它符合WCAG 2.2关于键盘焦点锁定和读屏器的要求

我有一个纯图标的删除按钮,请提供Web(ARIA)、SwiftUI和Jetpack Compose三种平台的语义化实现代码

检查这段电商结算页面的表单HTML,指出所有违反WCAG AA级别无障碍规范的问题并给出修复代码

适用人群

适合谁?

Web前端开发工程师iOS/Android原生应用开发者UI/UX设计师前端质量保证与合规测试工程师

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

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