Manage shadcn/ui component installation, configuration, and styling via CLI.
npx skills add https://github.com/velopulent/cms --skill shadcn-velopulent
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/velopulent/cms/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/velopulent/cms --skill shadcn-velopulent
This skill resolves the complexity of managing shadcn/ui component libraries, ensuring consistent styling, correct composition, and adherence to accessibility standards across your project.
Use the shadcn skill to search for and add a new button component to your project.
High-intent search queries and answers about installing and using this skill.
To add and configure shadcn/ui components, use the CLI for project-aware installation, registry interaction, and styling setup. This ensures correct component composition, Tailwind CSS integration, and adherence to semantic design patterns within your project.
Manage Tailwind CSS styling in shadcn/ui by enforcing semantic styling, correct component nesting, and proper utility usage. This approach maintains consistency across your project and prevents design drift when composing complex interfaces like sidebars and data tables.
Yes, you can use shadcn/ui for building complex dashboards. It supports correct composition of sidebars, charts, and data tables using your project's specific base library and icon set, ensuring accessibility-first component structure and consistent styling.
Yes, Tailwind CSS integration is required for shadcn/ui components. The component lifecycle management relies on Tailwind utilities to enforce semantic styling, prevent design drift, and maintain an accessibility-first component structure throughout your UI development workflow.
shadcn/ui component styling breaks during nesting due to incorrect composition or deviation from semantic styling patterns. Enforce proper component nesting and use the correct Tailwind utilities to maintain an accessibility-first structure and prevent design drift.
The best way to update and debug shadcn/ui components is using the CLI with project-aware context. This manages the component lifecycle, ensures correct composition with your base library, and maintains accessibility-first structure and semantic styling.
SubframeAppInitialize Subframe CLI in projects with Node.js and Tailwind.
agentset-aiEnforce Tailwind CSS defaults and accessible primitives for consistent UI.
DITEKmaxEnforce Tailwind CSS UI and styling constraints for accessibility, animation, typography, and layout.
redpanda-dataBuild React TypeScript UI components from the Redpanda UI Registry.
