figma-audit-accessibilitylisted
Install: claude install-skill whiskfernlowdensitylipoprotein154/figma-console-mcp-skills
# figma-audit-accessibility — per-component a11y scorecard
Run a deep accessibility audit on a **single component or component set** and get a weighted 0–100
scorecard with prioritized fixes. Where `figma-lint-design` sweeps a whole tree for many rule
violations, this skill goes deep on one component: it understands variant axes, classifies the
component as interactive vs presentational, and scores each a11y dimension accordingly.
All via `use_figma`, on any plan — it inspects the real variant tree, fills, strokes, effects, and
the component description.
## Skill boundaries
- **`use_figma` rules** — load the official **`figma-use`** skill first; it is the full Figma Plugin API reference. Essentials these scripts rely on: plain JS with top-level `await` + `return` (no IIFE, no `figma.closePlugin()`; `console.log` is not returned), inputs inlined as `const` at the top of each script, colors in 0–1 range, load fonts before any text op, `await figma.getNodeByIdAsync(...)`, and **atomic errors** (a failed script applies nothing — read the error, fix, retry).
- **Tree-wide WCAG + design-system lint** → use `figma-lint-design`.
- **CODE-side a11y** (axe-core over HTML) → use `figma-scan-code-accessibility`.
- **Design-vs-code drift** → use `figma-check-design-parity`.
## Workflow
1. **Target a component.** Set `NODE_ID` to a COMPONENT_SET, COMPONENT, or INSTANCE id (the script
walks INSTANCE → main component → parent set automatically). Leave it `null` to audit the current