
Accessibility Scan
Skill用 AccessLint 规则引擎扫描一个正在运行的页面,列出可自动检出的 WCAG 2.2 违规,每条附 DOM 选择器、源码位置(有映射时)、证据与修复建议,只定位不修改。会自动准备可调试的 Chrome,通过 npx 运行 AccessLint CLI,可读取 accesslint.config.json 里配置的目标。
name: accessibility-scan
description: "One page, automated tier — run the web accessibility (a11y) rule engine against a live page and locate every violation it can detect mechanically. Pass a URL, a config target name (e.g. `accesslint:accessibility-scan dev`), or nothing to use the default target from `accesslint.config.json`. Ensures a debuggable Chrome, runs the @accesslint/core engine over CDP, and returns a worklist of live-DOM WCAG 2.2 violations, each grounded to its DOM selector and source `file:line`. Locates; doesn't edit. Use it for 'is this page accessible', 'check a11y on this URL', 'find contrast and alt-text issues', or to verify a UI change. For hands-on keyboard and screen-reader checks use `accessibility-inspect`; for a whole site or product use `accessibility-audit`; to diff against uncommitted changes or a branch use `accessibility-diff`."
argument-hint: "[target|url]"
allowed-tools: Bash, Read, Glob, Grep, Skill, Task
Audit a live page and report each violation and where it is. Locate; don't fix.
Shared grounding and honesty conventions: ../shared/methodology.md.
$ARGUMENTS is a URL, a config target name (dev, storybook, …), or empty to audit the default target from accesslint.config.json. If it's empty and no config exists, ask for a URL or suggest npx @accesslint/cli init.
1. Audit
PORT=$(npx -y @accesslint/chrome@latest ensure | node -e 'process.stdin.on("data",d=>process.stdout.write(""+JSON.parse(d).port))')
npx -y @accesslint/cli@latest scan <target> --port "$PORT" --format json
<target> is the URL or config target name from $ARGUMENTS. Omit it (don't pass "") to audit the config's default target. Add flags as needed: --selector, --wait-for "<selector>", --include-aaa, --disable <rules>, or pin them per-target in accesslint.config.json.
2. Report
Counts by impact, then one entry per violation:
- where: selector verbatim, plus
file:line (symbol)ifsourceis present. Don't fabricate. If no violation hassource, note "source mapping unavailable; located by selector only". - evidence: contrast ratio, missing attribute, empty name.
- fix: mechanical change, or
NEEDS HUMAN.
Don't edit. For fixes, apply the mechanical ones and re-run to verify; for bulk work hand off to accesslint:accessibility-fix.
3. Tear down
npx -y @accesslint/chrome@latest stop --all # skip if ensure reported "managed":false
Notes
ensuredetermines the port; don't hardcode 9222.- CLI exit 2 means a bad URL or target, or the page never loaded; check the dev server. An unknown target name makes the CLI list the available targets from
accesslint.config.json.
相關資源

Accessibility Diff
Skill对比改动前后同一页面的无障碍问题:默认用 git stash 暂存未提交的改动来取得基线,也可与指定分支比较,报告新增、已修复与原有的 WCAG 违规,附选择器与修复建议,只定位不改代码,可用作 CI 关卡。通过 npx 调用 AccessLint 的 Chrome 与 CLI 工具,需要页面正在运行。
AccessLint/skills107
webapp-testing
Skill用 Python Playwright 脚本驱动本地 Web 应用做功能验证、界面调试、截图与浏览器日志查看,自带管理开发服务器启停的辅助脚本。Anthropic 官方技能。
anthropics/skills182k
Web Quality Skills
Skill以实测为先审计并优化网页质量:结合 Lighthouse、Chrome DevTools 性能追踪与 CrUX 数据,覆盖 Core Web Vitals、WCAG 2.2 无障碍、SEO 与最佳实践,适用于任意前端框架。Addy Osmani 出品(非 Google 官方)。
addyosmani/web-quality-skills3k
Accessible Animation
Skill让网页动画尊重系统的「减少动态效果」设置:把动画分为直接移除(视差、大范围位移、接管滚动)、减弱缩短、始终保留三档,而不是一刀切全部关掉;给出 CSS 媒体查询与 JS matchMedia 的写法,覆盖 GSAP、Framer Motion、Lenis 等库,对应 WCAG 2.3.3。
iart-ai/web-animation-skills45
Playwright
CLI微软官方的跨浏览器端到端测试框架:一套 API 驱动 Chromium、Firefox 与 WebKit,npx playwright test 并行隔离跑测,自带自动等待与 Trace 回放排查失败。
microsoft/playwright98k
Chrome DevTools MCP
PluginChrome 官方插件,打包 Chrome DevTools MCP 与无障碍、LCP、内存泄漏等调试技能:让 agent 操控并检查真实的 Chrome,分析网络请求、控制台日志和性能追踪。默认收集使用统计,可以关闭。
ChromeDevTools/chrome-devtools-mcp53.8k