Build, audit, and preview modern web apps with shadcn/ui components on Radix UI primitives and Tailwind CSS, meeting WCAG 2.2 AA accessibility. The default design system for net-new SME and startup web apps.
0 on GitHubby Albitor Ltdv0.1.5MITupdated 18 days ago
Not in a marketplace yet, so it loads for one session with --plugin-dir.
This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.
What it installs
Skills (2)
shadcn-accessibility
Use when building, reviewing, testing, or advising on the accessibility of a web app — especially modern React/shadcn/ui apps that must meet WCAG 2.2 AA. Covers all 50 WCAG 2.2 Level A and AA success criteria (with shadcn/Radix-specific how-to-meet tips), how to test (automated axe/Playwright, manua
shadcn-design-system
Use when building, reviewing, or discussing a modern web app frontend that should follow shadcn/ui — any React/Next.js (or Svelte/Vue port) UI built on shadcn/ui components, Radix UI primitives, and Tailwind CSS. Covers the component registry and the Radix primitive each wraps, page and form pattern
Slash commands (5)
/shadcn:accessibility-statement
Draft a voluntary accessibility statement (VPAT / ACR style) for a web app.
/shadcn:audit
Audit a page, component, or file against WCAG 2.2 AA and report prioritised findings.
/shadcn:component
Look up or scaffold a shadcn/ui component (CLI add command, usage, Radix primitive, accessibility notes).
/shadcn:preview
Open or serve the shadcn/ui component preview page (the kitchen-sink showcase).
/shadcn:review
Review frontend changes against both shadcn/ui + Radix conformance and WCAG 2.2 AA.
Subagents (1)
shadcn-accessibility-auditor
Thoroughly audits frontend code against WCAG 2.2 AA and correct shadcn/ui + Radix UI usage. Use for a focused, read-heavy accessibility and design-system-conformance review of a page, component, or set of files when you want findings without polluting the main context.
Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM components, and dev client distribution.
Find UI components and themes, retrieve their code, and use hosted 21st AI when enabled.
1 skill · 1 MCP server
21st-dev/magic-mcp 6,478
Maintain shadcn?
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.