Web Interface Guidelines Reviewer
vercel-labs/openreview
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my…
Accessibility audit and remediation for Canvas LMS courses. An agent skill from vishalsachdev/canvas-mcp.
Install Canvas Accessibility Auditor
$ npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vishalsachdev/canvas-mcp canvas-accessibility-auditor --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/vishalsachdev/canvas-mcp.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/canvas-accessibility-auditor .claude/skills/canvas-accessibility-auditor && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "canvas-accessibility-auditor" agent skill from https://github.com/vishalsachdev/canvas-mcp/tree/main/skills/canvas-accessibility-auditor into .claude/skills/canvas-accessibility-auditor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-accessibility-auditor", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/vishalsachdev/canvas-mcp/tree/main/skills/canvas-accessibility-auditorType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vishalsachdev/canvas-mcp canvas-accessibility-auditor --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishalsachdev/canvas-mcp.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/canvas-accessibility-auditor .agents/skills/canvas-accessibility-auditor && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "canvas-accessibility-auditor" agent skill from https://github.com/vishalsachdev/canvas-mcp/tree/main/skills/canvas-accessibility-auditor into .agents/skills/canvas-accessibility-auditor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-accessibility-auditor", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vishalsachdev/canvas-mcp canvas-accessibility-auditor --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishalsachdev/canvas-mcp.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/canvas-accessibility-auditor .cursor/skills/canvas-accessibility-auditor && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "canvas-accessibility-auditor" agent skill from https://github.com/vishalsachdev/canvas-mcp/tree/main/skills/canvas-accessibility-auditor into .cursor/skills/canvas-accessibility-auditor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-accessibility-auditor", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/vishalsachdev/canvas-mcp.git --path skills/canvas-accessibility-auditor--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vishalsachdev/canvas-mcp canvas-accessibility-auditor --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishalsachdev/canvas-mcp.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/canvas-accessibility-auditor .gemini/skills/canvas-accessibility-auditor && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "canvas-accessibility-auditor" agent skill from https://github.com/vishalsachdev/canvas-mcp/tree/main/skills/canvas-accessibility-auditor into .gemini/skills/canvas-accessibility-auditor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-accessibility-auditor", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install vishalsachdev/canvas-mcp canvas-accessibility-auditorInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vishalsachdev/canvas-mcp.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/canvas-accessibility-auditor .github/skills/canvas-accessibility-auditor && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "canvas-accessibility-auditor" agent skill from https://github.com/vishalsachdev/canvas-mcp/tree/main/skills/canvas-accessibility-auditor into .github/skills/canvas-accessibility-auditor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-accessibility-auditor", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vishalsachdev/canvas-mcp canvas-accessibility-auditor --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishalsachdev/canvas-mcp.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/canvas-accessibility-auditor .opencode/skills/canvas-accessibility-auditor && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "canvas-accessibility-auditor" agent skill from https://github.com/vishalsachdev/canvas-mcp/tree/main/skills/canvas-accessibility-auditor into .opencode/skills/canvas-accessibility-auditor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas-accessibility-auditor", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
canvas-accessibility-auditor- GitHub stars
- 284
- Token cost
- ~1.6k tokens
- SKILL.md length
- 544 words
- Files
- 1
- Skills in repo
- 8
- Repo updated
- First seen
- Licence
- MIT
At a glance
Accessibility audit and remediation for Canvas LMS courses. An agent skill from vishalsachdev/canvas-mcp.
- Works in 6 steps: Identify Target Course → Scan Course Content → Generate Prioritized Report → …
- Asked to audit accessibility
- SKILL.md covers Prerequisites, Steps, MCP Tools Used and Example, plus 2 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Canvas Accessibility Auditor is an agent skill from vishalsachdev/canvas-mcp. Accessibility audit and remediation for Canvas LMS courses. Scans content for WCAG-oriented issues, generates prioritized reports, guides fixes, and verifies remediation. Use when asked to "audit accessibility", "check WCAG", "fix accessibility issues", or "run accessibility review".
Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Accessibility. The repository describes itself as: Canvas LMS MCP server — up to 102 tools and 8 agent skills for students & educators. Works with Claude, Cursor, Codex, and 40+ agents. The licence is MIT.
When your agent uses it
- Asked to audit accessibility
- Fix accessibility issues
- Run accessibility review
Example prompts
- “audit accessibility”
- “check WCAG”
- “fix accessibility issues”
- “/canvas-accessibility-auditor”
Workflow steps
6 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit eeeb479. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Canvas Accessibility Auditor loads about 1.6k tokens when it runs. Until then it costs about 78 tokens; SKILL.md has 544 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from vishalsachdev/canvas-mcp at commit eeeb479, republished under its MIT licence (© vishalsachdev). 544 words, ~1,624 tokens.
Download SKILL.mdSave it as
.claude/skills/canvas-accessibility-auditor/SKILL.md (or your agent's skills folder).- name
- canvas-accessibility-auditor
- description
- Accessibility audit and remediation for Canvas LMS courses. Scans content for WCAG-oriented issues, generates prioritized reports, guides fixes, and verifies remediation. Use when asked to "audit accessibility", "check WCAG", "fix accessibility issues", or "run accessibility review".
Canvas Accessibility Auditor
Full accessibility audit cycle for Learning Designers: scan course content, generate a prioritized report, guide remediation of fixable issues, re-scan to verify fixes, and produce an accessibility review summary.
Prerequisites
- Canvas MCP server must be running and connected.
- Authenticated user must have instructor, TA, or designer role in the target course.
- For UFIXIT integration: the course must have a UFIXIT report page (generated by your institution's accessibility tool).
Steps
1. Identify Target Course
Ask the user which course to audit. Accept a course code, Canvas ID, or course name.
If not specified, prompt:
Which course would you like to audit for accessibility?
2. Scan Course Content
Run two scans in parallel if possible:
Scan A -- Direct content scan:
scan_course_content_accessibility(course_identifier, "pages,assignments")This checks all page and assignment HTML for:
- Images missing alt text (WCAG 1.1.1, Level A)
- Empty headings (WCAG 2.4.6, Level AA)
- Tables missing headers (WCAG 1.3.1, Level A)
- Non-descriptive link text like "click here" (WCAG 2.4.4, Level A)
Scan B -- UFIXIT report (if available):
fetch_ufixit_report(course_identifier)If the UFIXIT page exists, parse it:
parse_ufixit_violations(report_json)3. Generate Prioritized Report
Combine results from both scans. Call format_accessibility_summary if using UFIXIT data.
Present issues sorted by priority:
## Accessibility Audit: [Course Name]
### Summary
- Content scanned: 20 pages, 15 assignments
- Total issues: 12
- Auto-fixable: 8 | Manual review needed: 4
### Level A Violations (must fix)
1. **Missing alt text** -- 5 images across 3 pages
- Page "Week 1 Overview": 2 images
- Page "Lab Instructions": 2 images
- Assignment "Final Project": 1 image
2. **Tables missing headers** -- 2 tables
- Page "Grade Scale": 1 table
- Page "Schedule": 1 table
3. **Non-descriptive links** -- 3 instances of "click here"
- Page "Resources": 2 links
- Page "Week 3 Overview": 1 link
### Level AA Violations (should fix)
4. **Empty headings** -- 2 empty heading elements
- Page "Week 5 Notes": 1 empty h3
- Page "Midterm Review": 1 empty h2
### Manual Review Required
- Color contrast: Cannot be checked automatically (requires visual inspection)
- Video captions: Cannot be verified via API (check in Canvas media player)
- PDF accessibility: Cannot be parsed via API (use Adobe Acrobat checker)4. Guided Remediation
For each auto-fixable issue, walk the user through the fix:
For missing alt text:
- Call
get_page_content(course_identifier, page_url)to retrieve the HTML - Identify the
<img>tags without alt attributes - Ask the user for alt text descriptions (or suggest based on surrounding context)
- Call
edit_page_content(course_identifier, page_url, new_content)with corrected HTML
For non-descriptive links:
- Retrieve the page content
- Show the current link:
<a href="...">click here</a> - Suggest descriptive replacement:
<a href="...">Download the syllabus (PDF)</a> - Apply fix after user approval
For empty headings:
- Retrieve the page content
- Show the empty heading
- Ask: "Remove this heading, or add text to it?"
- Apply the chosen fix
For tables missing headers:
- Retrieve the page content
- Show the table structure
- Ask: "Which row/column should be headers?"
- Convert
<td>to<th>elements and apply
Always ask for user confirmation before modifying any page.
Show full SKILL.md (199 more words)Show less
5. Re-scan Modified Pages
After remediation, re-run the scan on modified pages only:
scan_course_content_accessibility(course_identifier, "pages")Report: "Fixed 8/12 issues. 4 remaining require manual review."
6. Generate Accessibility Review Summary
Produce a final summary suitable for stakeholder reporting:
## Accessibility Review Summary
**Course:** [Course Name]
**Audit Date:** [date]
**Auditor:** AI-assisted audit via Canvas MCP
### Results
- Total content items scanned: 35
- Automated issues found: 12
- Issues remediated: 8
- Issues requiring manual review: 4
- Automated WCAG-oriented checks: Partial pass (manual review items remain)
### Remediation Actions Taken
- Added alt text to 5 images
- Fixed 3 non-descriptive links
- Removed 2 empty headings
### Outstanding Items
- Color contrast review needed (pages with colored text)
- Video caption verification (embedded videos)
- PDF accessibility check (uploaded PDFs)
### Recommendation
Course content meets automated WCAG 2.1 Level A criteria after remediation.
Manual review of color contrast and multimedia is recommended before publishing.MCP Tools Used
| Tool | Purpose |
|---|---|
scan_course_content_accessibility | Scan pages and assignments for WCAG issues |
fetch_ufixit_report | Retrieve institutional UFIXIT report |
parse_ufixit_violations | Extract structured violations from report |
format_accessibility_summary | Format violations into readable report |
get_page_content | Retrieve page HTML for remediation |
edit_page_content | Apply accessibility fixes to pages |
list_courses | Find available courses |
Example
User: "Run accessibility audit for CS 101"
Agent: Scans all content, generates the prioritized report.
User: "Fix the missing alt text issues"
Agent: Retrieves each affected page, asks for alt text descriptions, applies fixes, re-scans.
Limitations
- Cannot check: Color contrast, video captions, PDF accessibility, audio descriptions, keyboard navigation
- These are flagged as "manual review required" in every report
- Remediation is per-page: Each fix requires a full page content read and write cycle
- No undo: Page edits via the API do not create Canvas revision history -- back up pages before bulk fixes
Notes
- Pairs well with
canvas-course-qcfor comprehensive pre-semester review. - Run after major content updates or course imports.
- UFIXIT integration depends on your institution having UDOIT/UFIXIT installed.
© vishalsachdev, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/canvas-accessibility-auditor of vishalsachdev/canvas-mcp.
Open the folder on GitHubat commit eeeb479
Compare with similar skills
Canvas Accessibility Auditor next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Canvas Accessibility Auditor this skillvishalsachdev/canvas-mcp | 284 | — | ~1.6k | Automated safety check: Pass | MIT | |
| Web Interface Guidelines Reviewervercel-labs/openreview | 1.7k | 98 repos | ~308 | Automated safety check: Pass | None | |
| Accessibility Reviewmarkmead/hyperui | 12k | 1 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Web Animation DesignbaptisteArno/typebot.io | 11k | 2 repos | ~2.7k | Automated safety check: Pass | Custom licence | |
| Accessibility Fixeribelick/ui-skills | 9.5k | 4 repos | ~1.2k | Automated safety check: Pass | MIT | |
| Wcag Audit PatternsvmDeshpande/ai-agent-automation | 178 | 11 repos | ~610 | Automated safety check: Pass | Apache-2.0 |
Similar skills
- Official
Accessibility Review
markmead/hyperui
Run a WCAG 2.1 AA accessibility audit on a design or page. An agent skill from markmead/hyperui.
Web Animation Design
baptisteArno/typebot.io
Guides easing, timing and animation choices for UI motion, based on a web animation course, and reviews existing animations in a before-and-after table.
Accessibility Fixer
ibelick/ui-skills
Audits and fixes HTML accessibility problems such as ARIA labels, keyboard navigation, focus management, contrast and form errors with minimal changes.
Wcag Audit Patterns
vmDeshpande/ai-agent-automation
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.
Baseline UI
ibelick/ui-skills
Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.
More from vishalsachdev/canvas-mcp
All 8 skills in this repoCanvas Course Builder
vishalsachdev/canvas-mcp
Scaffold complete Canvas LMS course structures from specs, templates, or existing courses.
Canvas Course Qc
vishalsachdev/canvas-mcp
Learning designer quality check for Canvas LMS courses. An agent skill from vishalsachdev/canvas-mcp.
Canvas Discussion Facilitator
vishalsachdev/canvas-mcp
Discussion forum facilitator for Canvas LMS. An agent skill from vishalsachdev/canvas-mcp.
Canvas Morning Check
vishalsachdev/canvas-mcp
Educator morning course health check for Canvas LMS. An agent skill from vishalsachdev/canvas-mcp.
Canvas Peer Review Manager
vishalsachdev/canvas-mcp
Educator peer review management for Canvas LMS. An agent skill from vishalsachdev/canvas-mcp.
Canvas Week Plan
vishalsachdev/canvas-mcp
Student weekly assignment planner for Canvas LMS. An agent skill from vishalsachdev/canvas-mcp.
Related
Categories
Questions about Canvas Accessibility Auditor
What does Canvas Accessibility Auditor do?
Accessibility audit and remediation for Canvas LMS courses. An agent skill from vishalsachdev/canvas-mcp. Canvas Accessibility Auditor is an agent skill from vishalsachdev/canvas-mcp. Accessibility audit and remediation for Canvas LMS courses.
When should I use Canvas Accessibility Auditor?
Canvas Accessibility Auditor fits situations like: asked to audit accessibility; fix accessibility issues; run accessibility review.
How do I install Canvas Accessibility Auditor in Claude Code?
Run `npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a claude-code`. Or copy the skill folder (skills/canvas-accessibility-auditor in vishalsachdev/canvas-mcp) into .claude/skills/canvas-accessibility-auditor in your project. Claude Code loads it when a task matches its description.
How do I install Canvas Accessibility Auditor in Codex?
Run `npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a codex`. Or copy the skill folder (skills/canvas-accessibility-auditor in vishalsachdev/canvas-mcp) into .agents/skills/canvas-accessibility-auditor in your project. Codex loads it when a task matches its description.
Can I use Canvas Accessibility Auditor in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vishalsachdev/canvas-mcp --skill canvas-accessibility-auditor -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/canvas-accessibility-auditor, .gemini/skills/canvas-accessibility-auditor, .github/skills/canvas-accessibility-auditor and .opencode/skills/canvas-accessibility-auditor in your project.
What does Canvas Accessibility Auditor need to run?
SKILL.md names no scripts, command-line tools or credentials: Canvas Accessibility Auditor is instructions for the agent only.
Does Canvas Accessibility Auditor access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Canvas Accessibility Auditor safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Canvas Accessibility Auditor use?
Canvas Accessibility Auditor is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Canvas Accessibility Auditor use?
About 1.6k tokens (SKILL.md is roughly 6.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Canvas Accessibility Auditor?
Skills that share tags, products or a category with Canvas Accessibility Auditor: Web Interface Guidelines Reviewer (vercel-labs/openreview, 1.7k stars), Accessibility Review (markmead/hyperui, 12k stars), Web Animation Design (baptisteArno/typebot.io, 11k stars) and Accessibility Fixer (ibelick/ui-skills, 9.5k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Canvas Accessibility Auditor?
vishalsachdev (a GitHub user) maintains it in vishalsachdev/canvas-mcp, which has 284 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 8, 2026.
Source: vishalsachdev/canvas-mcp on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.