Manage shadcn/ui components and projects using components.json configurations.
npx skills add https://github.com/cmbays/mokumo --skill shadcn-cmbays
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/cmbays/mokumo/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/cmbays/mokumo --skill shadcn-cmbays
This Skill streamlines the process of working with shadcn/ui components, from initial setup and adding new components to debugging, styling, and composing complex UI elements, ensuring adherence to best practices and project consistency.
components.json for project-specific configurations like aliases, Tailwind version, and base library.Use the shadcn skill to add the button and dialog components to your project.
High-intent search queries and answers about installing and using this skill.
To add shadcn/ui components to a React project, use the CLI to search, install, and update UI elements. The process reads your components.json file to apply project-specific aliases and styling configurations automatically.
The components.json file provides project context for shadcn/ui by defining specific configurations like path aliases, Tailwind version, and the base styling library to ensure correct component integration.
Yes, you can initialize a new app with a preset using shadcn/ui. The system triggers preset configurations during the shadcn init or create app phases to streamline initial project setup.
To fix styling and composition issues in shadcn/ui components, apply the built-in debugging and styling rules. This enforces code quality and ensures maintainable UI composition across your project.
Yes, shadcn/ui works with Tailwind CSS for UI development. It leverages Tailwind CSS for styling and uses components.json to manage Tailwind version configurations and base library settings.
fyndxConfigure Tailwind CSS v4 with NativeWind v5 in an Expo project.
quanganh208Style React UI components with shadcn/ui, Tailwind CSS, and design tokens.
yashvinthanCreate user interfaces with shadcn/ui components and Tailwind CSS.
freshtechbroProvide pre-built animated React component libraries for UI development.