shadcn/ui and Tailwind styling
/ui-styling
/ui-styling is a Claude Code skill in the Web & Design section. It is maintained by nextlevelbuilder and published under the MIT license. Helps build accessible interfaces with shadcn/ui components, Tailwind CSS styling and canvas visual designs: layouts, themes, dark mode and forms.
Author's description
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
How to ask for it
Build an accessible form using shadcn/ui componentsImplement dark mode for this interface with TailwindDesign a responsive dashboard with reusable components
Install
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bashAfter installing with the script, type /ui-styling. Using Cursor, Windsurf or Codex? Platform guides
Demo coming soon