Stats
Actions
Tags
From frontend
Installs and configures shadcn/ui components. Provide names (e.g., button dialog table) or get guided selection if none specified.
How this command is triggered — by the user, by Claude, or both
Slash command
/frontend:shadcn-ui [component-name...]The summary Claude sees in its command listing — used to decide when to auto-load this command
Load the `shadcn-ui` skill. If $ARGUMENTS contains component names (e.g. button dialog table), install them. Otherwise guide component selection.
Load the shadcn-ui skill.
If $ARGUMENTS contains component names (e.g. button dialog table), install them. Otherwise guide component selection.
npx claudepluginhub jezweb/claude-skills --plugin frontend/frontend-designImplements high-quality UI components compliant with existing design systems like shadcn/ui and Tailwind, covering all states (hover, loading, error, empty).
/tailwind-componentGenerates reusable Tailwind CSS components (e.g., button, card, modal, form input) for React, Vue, Svelte, or vanilla HTML with variants, states, and accessibility.
/designerBuilds UIs with DaisyUI v5, migrates shadcn/ui components to DaisyUI classes, or configures themes. Detects mode via keywords: build, migrate, theme.
/componentGenerates production-ready React UI components like buttons, cards, modals, forms with design system styles, accessibility, variants. Optional style like Material Design.
/ux-componentGenerates a single production-grade UI component (button, modal, navbar, etc.) from a user spec, with full interaction states, accessibility, and brand alignment. Triggers on phrases like 'create a [component]'.
/component-searchSearches 21st.dev registry for production-ready React UI components by natural language query. Returns ranked results with previews, code, popularity, install instructions, and selection options.