From magic-powers
Use when auditing WCAG compliance, testing with assistive technologies, or fixing accessibility issues
npx claudepluginhub kienbui1995/magic-powers --plugin magic-powersThis skill uses the workspace's default tool permissions.
When ensuring a web product is usable by people with disabilities — required for legal compliance and good UX for all users.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
When ensuring a web product is usable by people with disabilities — required for legal compliance and good UX for all users.
Target AA compliance as the standard (AAA is aspirational).
Run first — catches ~30% of issues:
npx axe-cli https://yoursite.com
npx pa11y https://yoursite.com
Or in CI: integrate axe-core with Jest/Cypress.
Automated checks: missing alt text, low color contrast, missing form labels, invalid ARIA.
prefers-reduced-motion?Per issue: