agent-skills-wcag
为AI智能体扩展WCAG无障碍合规审查能力
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:agent-skills-wcag。 它的用途是:为AI智能体扩展WCAG无障碍合规审查能力 完整的 Skill 内容见:https://321skill.com/skills/agent-skills-wcag/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请审查这个按钮颜色和背景色的对比度是否符合无障碍标准。”,它会调用颜色对比度计算技能,给出具体的对比度数值和WCAG等级评级。或者说:“模拟一下红绿色盲用户看到的这个图表是什么样子。”,它会调用色盲模拟技能,描述或生成模拟后的视觉差异。
介绍
WCAG Agent Skills 是一组专门用于增强AI智能体在Web内容无障碍指南(WCAG)合规性审查方面能力的技能包。它旨在解决开发者和设计师在构建可访问性网站或应用时,需要快速、准确评估其是否符合WCAG 2.1/2.2标准的痛点。
通过简单的安装命令,这些技能便会集成到您的AI智能体中。当智能体检测到与无障碍设计、代码审查或内容评估相关的任务时,会自动调用相应的技能,例如计算颜色对比度、模拟色盲视觉效果或检查键盘导航逻辑。
该技能包非常适合前端开发、UI设计师、测试工程师以及任何负责产品可访问性的人员。它能够将复杂的WCAG准则转化为智能体可理解和执行的检查点,从而将专业知识内置到工作流中。
使用时,建议先安装核心的路由技能(如 wcag-audit-perceivable-color),它们能引导智能体处理大类问题。对于深度审查,再根据需要安装特定的深度技能或工具。请注意,这些技能提供的是基于规则的指导和计算,最终的合规性确认仍需结合真实用户测试和专业工具。
核心特点
与通用代码审查或设计建议技能不同,本技能包高度专业化,直接内嵌了WCAG 2.1/2.2的具体准则和计算公式(如对比度算法、目标尺寸要求),并能模拟特定障碍用户的视角(如色盲模拟),提供基于标准而非通用建议的精准审计。
注意事项
不适合用于替代真实用户(尤其是残障用户)的实际体验测试,也无法审计动态交互或复杂JavaScript应用的所有可访问性边缘情况。
常见问题
安装后AI智能体会自动使用这些技能吗?
是的,一旦安装,当AI智能体检测到与无障碍设计、审查或咨询相关的任务时,会自动调用合适的技能。
这些技能支持最新的WCAG 2.2标准吗?
是的,该技能包同时支持WCAG 2.1和WCAG 2.2的指南。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/agent-skills-wcag/raw/index.md 读取 agent-skills-wcag 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/agent-skills-wcag/raw/index.md(查看排版版本)