Manage shadcn/ui component lifecycle and composition in Next.js or Vite projects.
npx skills add https://github.com/ri-ru/cyrano --skill shadcn-ri-ru
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/ri-ru/cyrano/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/ri-ru/cyrano --skill shadcn-ri-ru
This skill resolves the complexity of managing shadcn/ui components, ensuring consistent styling, correct composition, and adherence to accessibility standards across your project.
Use the shadcn skill to add a button component to your project and verify it follows the current design system rules.
High-intent search queries and answers about installing and using this skill.
You can manage shadcn/ui components by using the official CLI to handle component installation, registry searching, and preset application directly within your Next.js or Vite project.
The best way to enforce semantic styling rules is by applying design system presets that automatically enforce Tailwind best practices and proper component composition for your UI components.
Yes, you can search the component registry and add new UI components via the official CLI, which manages the entire lifecycle and composition of your design system components.
Applying a design system preset ensures correct component composition and strict adherence to accessibility standards, satisfying requirements for maintainable UI development using Tailwind CSS.
Dashboard cards and tables require manual CSS overrides when they do not follow the project's specific semantic color tokens and spacing rules, which a proper design system enforces automatically.
justinlevinedotmeInitialize shadcn/ui with Tailwind v4 in Vite projects.
agentset-aiEnforce Tailwind CSS defaults and accessible primitives for consistent UI.
algusaemBuild Tailwind CSS design systems with semantic tokens and CVA-based components.
sandeshbagmareGuide React, Vue, and Svelte component composition, CSS-in-JS, and API design.
