Install Accesslint Diff
Pick your agent. Every command is ready to paste.
npx skills add sickn33/agentic-awesome-skills --skill accesslint-diffThe open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.
01
Install it
Run the command above, or upload the folder in Claude.
02
Ask naturally
Describe the task. Your agent loads accesslint-diff when the request matches its description.
03
Name it if needed
If it does not trigger, say “use the accesslint-diff skill”. In Codex, type $accesslint-diff.
The skill itself
SKILL.md
When to Use
- Compare a requested page's accessibility findings between verified base and candidate revisions.
- Report introduced, fixed and still-present findings without changing application source.
1. Establish isolated snapshots
This package does not bundle the CLI or browser. Verify the current installed tool schema or a reviewed pinned package version first. Do not evaluate $ARGUMENTS or branch/URL text as shell syntax.
- Resolve the requested base and head to full commit SHAs; identify whether staged, unstaged or untracked content belongs to the candidate.
- Preserve the user's checkout. Prefer isolated worktrees or recoverable snapshots for base and candidate; do not switch their branch or pop an unrelated stash. A branch mode comparing only committed HEAD must disclose excluded local changes.
- Use each revision's reviewed lockfile and authorized build procedure. Serve base and candidate on separate local ports, wait for a deterministic ready selector and verify which revision each page actually serves. A fixed sleep is not a readiness check.
- Audit matching URLs, account state, viewport, selectors, engine version and rule configuration. Keep private snapshots in a fresh owner-only directory, not a predictable shared
/tmpfilename. Capture the baseline and candidate using the actual supported CLI flags; do not invent commands when integration is unavailable. - Compare findings and inspect selector drift or removed content. Record inaccessible states and manual WCAG checks separately. Never promise full restoration without verifying file status and content.
2. Report
Accessibility diff — http://localhost:3000/ vs main (94 rules, live DOM)
2 new · 1 fixed · 4 pre-existing hidden
New — Critical
- color-contrast — 2.1:1 (needs 4.5:1), #bbb on #fff
where: main > p.subtitle fix: darken to #767676
Fixed
- img-alt — <img src="old.jpg"> (no longer present)
Each new violation: where (selector verbatim + file:line (symbol) if source present — never fabricate), evidence, fix (mechanical change or NEEDS HUMAN).
Don't edit. For an explicitly authorized fix request, use the available accesslint-audit procedure and verify with the same controlled baseline. This report-only skill does not authorize a separate agent handoff.
3. Tear down
Close only browser processes, servers and snapshots created for this run. Preserve pre-existing sessions and recoverable work. Remove an isolated worktree only after needed evidence has been saved; never use a global browser stop command for cleanup.
Gotchas
- Diff output is limited to exercised pages/states and the selected automated rules; it is not a WCAG certification.
- Removed elements can disappear from an audit without being an accessible replacement. Inspect the user journey.
- Heavy DOM changes can invalidate selector matching; verify corresponding elements or run full audits of both snapshots.
- Report illustrative sample counts as examples, not measurements.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Tips for Accesslint Diff
- • Start a fresh session after installing so your agent picks up the new skill.
- • It is part of a pack with 40 skills. Install only the ones you need with --skill to keep triggers precise.
- • If two skills overlap, mention the one you want by name.
Questions about Accesslint Diff
What does the Accesslint Diff skill do?
Diff a live page's accessibility violations against a baseline — by default compares uncommitted changes (stash-based), or pass --branch [name] to diff against a branch. Reports only new violations introduced, violations fixed, and pre-existing count. Use `scan` for a full audit with no diffing.
How do I install Accesslint Diff?
Run "npx skills add sickn33/agentic-awesome-skills --skill accesslint-diff" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.
Does Accesslint Diff work in Cursor and Codex?
Yes. Accesslint Diff uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.
Is Accesslint Diff free?
Accesslint Diff is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.
Who made Accesslint Diff?
Accesslint Diff is published by sickn33 in the sickn33/agentic-awesome-skills repository, together with 39 other skills.




