claude

shadcn

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.6MITupdated todaydevelopment
/

Plugin shadcn from marketplace albitor-plugins in albitor-ltd/albitor-plugins. Commands read from the repo's manifest — today.

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.

Hooks (1)

  • PostToolUse

    "${CLAUDE_PLUGIN_ROOT}/hooks/check-frontend.sh"

View source on GitHub

More from albitor-ltd/albitor-plugins

All 31 plugins →

carbon

claude

Build and audit enterprise, data-heavy B2B interfaces with the IBM Carbon Design System: Carbon components (React and Web Components), patterns, IBM Design Language styles and tokens, plus WCAG 2.2 AA accessibility and an axe-based conformance baseline.

2 skills · 5 commands · 1 agent · hooks

0

gds

claude

Build and audit GOV.UK-compliant services: GOV.UK Design System components, patterns and styles, plus WCAG 2.2 AA accessibility and the public sector accessibility regulations.

2 skills · 5 commands · 1 agent · hooks

0

mui

claude

Build, audit, and preview Material Design interfaces in the app's own framework (Svelte SMUI/m3-svelte, React @mui/material): the shared Material system (colour, type, spacing, elevation, theming) and component inventory, plus WCAG 2.2 AA accessibility for consumer and general-purpose web apps.

2 skills · 5 commands · 1 agent · hooks

0

docs

claude

Author an app's documentation with three authoritative frameworks: Diátaxis (the four documentation modes), the C4 model (software architecture diagrams), and arc42 (the 12-section architecture template). The first-party required-documentation capability skills.

3 skills

0

The web-framework plugin for SvelteKit: a static SPA build, file routing, the shell that hosts providers, the route guard and the nav, error, 404 and offline pages, a small API client, the online data layer (TanStack Query) as the entry point, with the offline-first outbox and sync as a worked example in the data-offline skill, and the web side of the local run contract.

3 skills

0

The deploy-target plugin for the hosted lane: no infrastructure in the repository, the platform compiles albitor.yaml and deploys it. Ships the managed CI workflow that checks the manifest and builds and tests the API and the web app.

2 skills

0

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.

5 commands

HKUDS/CLI-Anything 58,665

Automates browser interactions for web testing, form filling, screenshots, and data extraction

12 skills

vercel-labs/agent-browser 50,373

Use Alibaba Open Code Review from local Codex.

2 skills

alibaba/open-code-review 50,068

slidev

claude

Claude Code skill for creating and presenting Slidev slidedecks

1 skill

slidevjs/slidev 49,452

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.

claude & codex plugins31 plugins