shadcnui
shadcn/ui
shadcn/ui is not a component library; it's a collection of reusable components that you copy and paste into your apps. Built on Radix UI and Tailwind.
When to Use
- Ownership: You want full control over the component code.
- Next.js: The de facto standard for modern Next.js apps.
- Modern: The "Vercel Aesthetic".
Core Concepts
Copy/Paste
npx shadcn-ui@latest add button. This adds components/ui/button.tsx to YOUR project.
Radix UI
The headless, accessible primitives (Dialog, Tooltip) that power the interactions.
More from g1joshi/agent-skills
template
Expert [skill-name] assistance covering [feature 1], [feature 2], and [feature 3]. Use when [working with X], [debugging Y], or [implementing Z].
34mariadb
MariaDB MySQL-compatible database with Galera clustering. Use for MySQL-compatible database needs.
6claude
Anthropic Claude AI models for analysis and coding. Use for AI assistants.
5javascript
JavaScript ES6+ programming including async/await, DOM manipulation, modules, and Node.js. Use for .js files and web development.
4typescript
TypeScript static typing with interfaces, generics, decorators, and type inference. Use for .ts files.
4python
Python programming with type hints, async/await, decorators, and package management. Use for .py files and data science.
4