Manage shadcn/ui components and enforce styling rules via CLI commands.
npx skills add https://github.com/vreddi/overnight-mountain --skill shadcn-vreddi
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/vreddi/overnight-mountain/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/vreddi/overnight-mountain --skill shadcn-vreddi
This Skill streamlines the process of adding, managing, and styling components within projects utilizing the shadcn/ui library, ensuring consistency and adherence to best practices.
Dialog component to your application, ensuring it follows all project-specific styling and accessibility guidelines, or debug an existing component to ensure it adheres to the project's base and radix primitive library standards.Use the shadcn skill to add the button and card components to your project.
High-intent search queries and answers about installing and using this skill.
To add shadcn/ui components, use the skill to execute CLI commands that search, install, and configure UI elements directly within your project, ensuring all styling rules are enforced. It provides component documentation and usage examples for your React application.
Debugging shadcn/ui styling issues involves strictly enforcing styling rules and component composition patterns defined in your project's detailed rule files. The skill checks components against base and radix primitive library standards to ensure UI consistency.
Yes, shadcn/ui works with Tailwind CSS for frontend development, strictly enforcing styling rules and component composition best practices. It manages UI elements by applying project context and component documentation throughout your development workflow.
Managing a component registry with a components.json file involves applying the skill to add, search, update, and style UI elements. It provides project context and enforces best practices through CLI commands and detailed rule files.
Your Dialog component may not follow accessibility guidelines if it deviates from base and radix primitive library standards. The skill strictly enforces component composition patterns and styling rules to debug and fix these specific UI inconsistencies.
Yes, you can use shadcn/ui presets to standardize component composition. The skill manages component registries and presets, applying detailed rule files to enforce consistent styling and UI development best practices across your project.
linehaul-aiInstall and customize shadcn-svelte UI components in SvelteKit projects.
softwarebyzeBuild Jetpack Compose-based Android UI screens in Expo React Native apps.
pavegEnforce UI design standards across frontend projects with theme tokens and component architecture.
Oscar-Ivan-SalasStandardize frontend styling with CSS-first Tailwind v4 patterns.