Create accessible, customizable UI components with shadcn/ui, Radix UI, and Tailwind CSS.
npx skills add https://github.com/nilecui/SkillsBase --skill shadcn-nilecui
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/nilecui/SkillsBase/tree/main/.cursor/skills/shadcn Command: npx skills add https://github.com/nilecui/SkillsBase --skill shadcn-nilecui
This Skill streamlines the process of building modern, accessible, and customizable user interfaces by leveraging the shadcn/ui component library, which combines Radix UI primitives with Tailwind CSS.
Use the shadcn skill to add the 'dialog' component to your project.
High-intent search queries and answers about installing and using this skill.
You can build accessible React UI components by using shadcn/ui patterns, which combine Radix UI primitives with Tailwind CSS to provide customizable, type-safe elements for web applications.
To add a shadcn/ui dialog component, you use the skill to retrieve the specific component pattern and code, then integrate the Radix UI primitive and Tailwind CSS styles directly into your React project.
Yes, shadcn/ui works with Tailwind CSS for theming, providing guidelines to customize component styles, integrate dark mode, and manage colors using the OKLCH color format.
The best way to create a sortable data table is by using shadcn/ui table component patterns, which provide exact code examples for integrating sorting and pagination with your React data and styling.
Yes, you can customize shadcn/ui component styles directly since the patterns rely on Tailwind CSS and Radix UI, allowing you to modify accessible primitives without adding external UI dependencies.
netprtonyAutomate shadcn/ui component setup and usage in React and Next.js projects.
nopkhunImplement Zustand state management and React Hook Form validation with Zod for UI components.
locnbk2002Style React interfaces with shadcn/ui components and Tailwind CSS.
shinnytechCreate React UI components with shadcn/ui and Tailwind CSS.
