Manage and customize shadcn/ui components within a monorepo structure.
npx skills add https://github.com/delorenj/00_ceiling --skill shadcn-components-delorenj
Please help me install this Agent Skill. Skill: shadcn-components Source: https://github.com/delorenj/00_ceiling/tree/main/shadcn-components Command: npx skills add https://github.com/delorenj/00_ceiling --skill shadcn-components-delorenj
This Skill streamlines the process of adding, customizing, and managing shadcn/ui components within your project's shared UI package, ensuring consistency and efficient development.
Select component to your application. This Skill will guide you through finding the component, adding it to your packages/ui directory, exporting it, and providing usage examples.Use the shadcn-components skill to add the 'dialog' and 'button' components to your UI package.
High-intent search queries and answers about installing and using this skill.
To add shadcn/ui components to a monorepo, use the skill to run CLI commands that fetch components from the shadcn registry and integrate them directly into your shared packages/ui directory, ensuring consistent UI library management.
Yes, you can customize existing shadcn/ui components by modifying their variants, styles, and sizes. The skill guides you through defining custom variants and creating compound components tailored to your specific TypeScript and React application needs.
The best way to manage theming for shadcn/ui components is by configuring CSS variables. This approach allows you to maintain consistent styling across your React application while leveraging Tailwind CSS for efficient UI development.
You can update existing shadcn/ui components by utilizing the skill's component management features. It streamlines the process of pulling updates from the shadcn registry and applying them to your current component library without breaking existing customizations.
Yes, the skill is designed for TypeScript and Tailwind CSS environments. It supports adding, customizing, and managing shadcn/ui components, providing usage examples and ensuring proper exports within your UI package for seamless integration.
Renzo-TognellaDevelop frontend applications with Next.js, React, TypeScript, Tailwind CSS, and shadcn/ui.
inpinitiProvide pre-built shadcn/ui component definitions and implementations for json-render.
ChenYCLGenerate HTML artifacts with React, Tailwind CSS, and shadcn/ui components.
LimaTechnologiesImplement shadcn/ui components in React and Next.js projects.