80 skills available — search, filter, and discover
WCAG 2.2 AA audit: contrast, keyboard nav, ARIA, focus order — with a prioritized fix list
## What it does Runs a WCAG 2.2 AA audit on a page or component: contrast, keyboard navigability, ARIA correctness, focus management, semantic HTML, screen-reader behavior, and reduced-motion complian
Audit component libraries for inconsistency — color drift, spacing violations, missing states
## What it does Scans a React/Vue/Svelte component library against your design tokens and flags every drift: colors that bypass tokens, spacing that doesn't match the scale, typography that forks, mis
Generate WCAG-compliant palettes from a brand color or mood; output tokens
## What it does Takes a brand color or mood keywords and produces a full palette: primary with tints/shades, semantic colors (success, warning, error, info), and WCAG-verified foreground pairings for
Pick the semantically-right icon from Lucide, Phosphor, or Heroicons based on context
## What it does Given a context description ("CTA button for installing a skill from the CLI"), returns 3-5 candidate icons from your chosen icon library with the reasoning for each choice. Avoids the
Turn a Figma node into accessible React + Tailwind components with sensible defaults
## What it does Takes a Figma node URL and your design tokens, and outputs production-ready React + Tailwind components. Matches the existing component library's patterns, honors accessibility default