Manage shadcn/ui components via CLI with styling and accessibility validation.
npx skills add https://github.com/braswelljr/braswelljr --skill shadcn-braswelljr
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/braswelljr/braswelljr/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/braswelljr/braswelljr --skill shadcn-braswelljr
This Skill eliminates the guesswork and inconsistencies of manually managing shadcn/ui components, enforcing best practices for styling, composition, and accessibility to reduce bugs and development time.
Ask this skill to add a shadcn/ui settings form with proper FieldGroup layout, ToggleGroup for notification preferences, and validation states to your existing React project.
High-intent search queries and answers about installing and using this skill.
To add shadcn/ui components without breaking styling, use CLI best practices for component addition and smart merge functionality. This preserves custom changes when updating upstream components, enforcing semantic Tailwind styling and correct composition patterns.
Managing shadcn/ui presets and dark mode theming involves applying, merging, or switching between presets like nova and vega. This enforces consistent design systems across projects with full support for custom CSS variables and dark mode configurations.
shadcn/ui works with Vite, Next.js, and other supported frameworks for component management. It applies CLI best practices to add, search, update, and debug components across these environments while enforcing accessibility requirements.
The best way to ensure accessibility and correct composition in shadcn/ui forms is to automatically validate component composition, semantic Tailwind styling, and form patterns. This avoids common implementation errors like incorrect FieldGroup layouts and validation states.
Inconsistent shadcn/ui styling and manual errors occur when component implementation lacks enforced best practices. Eliminating this guesswork requires validating semantic Tailwind styling, correct component composition, and accessibility requirements during project maintenance.
You can use shadcn/ui to build a dashboard by adding validated Card, Table, and Form components with proper validation states and semantic colors. This provides correct FieldGroup layout and ToggleGroup preferences without manual styling work.
mikkelkrogsholmIntegrate copy-owned React components with Radix UI and Tailwind CSS.
yckkkkGenerate production-ready frontend UI code with design tokens.
RodrigoTomeESStandardize Tailwind CSS v4 design systems with CSS-first semantic tokens and reusable variants.
algusaemBuild Tailwind CSS design systems with semantic tokens and CVA-based components.
