Menu
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/bitjaru/styleseed --skill ss-a11yThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
| name | ss-a11y |
| description | Audit a component or page for accessibility issues and fix them |
| argument-hint | [file-path] |
| allowed-tools | Read, Write, Edit, Grep, Glob |
When .styleseed/project.json and .styleseed/artifacts/index.json exist, resolve the requested artifact ID first, then read only .styleseed/bundles/<artifact-id>.md and .styleseed/manifests/<artifact-id>.json. Never fall back to the global legacy bundle for a registry project. Legacy projects may use .styleseed/effective-rules.md only when no registry exists.
/ss-review/ss-auditdata-slot, no semantic tokens) — assumes StyleSeed conventionsTarget: $ARGUMENTS
text-muted-foreground (#717182) on bg-background (#FFFFFF) = 4.6:1 (passes)text-brand on white (verify contrast with your skin's brand color)<img> need alt, icons need aria-label when meaningfulmin-h-11 min-w-11)
h-9 (36px) buttons — should be h-11w-11 h-11focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2prefers-reduced-motion
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}
aria-labelaria-describedby)<html lang="en"> (or appropriate language code for your project)<button>, <nav>, <main>, <header>)role attributes| Token | Minimum Contrast | Note |
|---|---|---|
--foreground | 7:1+ | Body text — verify with your skin |
--muted-foreground | 4.5:1+ | Secondary text — verify with your skin |
--brand | 4.5:1+ | Accent — verify with your skin's brand color |
--destructive | 4.5:1+ | Error — verify with your skin |
--success | 3:1+ | Large text/icons only — verify with your skin |
--warning | 4.5:1+ | Warning text — some skins need a darker variant |
Based on SOC occupation classification