๐ŸŽฏ

shadcn

๐ŸŽฏSkill

from pproenca/dot-skills

VibeIndex|
What it does
|

shadcn/ui best practices skill with 58 rules across 10 categories, covering Radix primitives, Tailwind styling, React Hook Form validation, data tables, theming, and component composition

๐Ÿ“ฆ

Same repository

pproenca/dot-skills(185 items)

shadcn

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add pproenca/dot-skills --skill shadcn
skills.sh Installโš  Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add pproenca/dot-skills --skill shadcn
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/shadcn/SKILL.md

SKILL.md

466Installs
84
-
Last UpdatedMar 19, 2026

More from this repository10

๐ŸŽฏ
zod๐ŸŽฏSkill

Provides Zod schema validation patterns and best practices for TypeScript, from an Agent Skills collection following the Agent Skills open format.

๐ŸŽฏ
clean-architecture๐ŸŽฏSkill

Provides guidance on implementing Clean Architecture principles for building maintainable, testable software with clear separation of concerns and dependency inversion.

๐ŸŽฏ
vitest๐ŸŽฏSkill

Provides comprehensive testing guidelines and best practices for Vitest, a native Vite testing framework for JavaScript/TypeScript projects.

๐ŸŽฏ
emilkowal-animations๐ŸŽฏSkill

Provides specialized guidelines and best practices for creating smooth, performant animations in web and mobile applications using modern JavaScript/TypeScript frameworks.

๐ŸŽฏ
typescript๐ŸŽฏSkill

A collection of agent skills for TypeScript optimization, framework configuration, and development best practices for AI coding assistants.

๐ŸŽฏ
nuqs๐ŸŽฏSkill

Provides guidance on using nuqs for type-safe URL search parameter state management in Next.js applications.

๐ŸŽฏ
react-hook-form๐ŸŽฏSkill

A collection of agent skills for TypeScript optimization, framework configuration, and development best practices for AI coding assistants.

๐ŸŽฏ
expo-react-native-performance๐ŸŽฏSkill

A collection of agent skills for TypeScript optimization, framework configuration, and development best practices for AI coding assistants.

๐ŸŽฏ
wxt-browser-extensions๐ŸŽฏSkill

A collection of agent skills for TypeScript optimization, framework configuration, and development best practices for AI coding assistants.

๐ŸŽฏ
chrome-extension๐ŸŽฏSkill

Generates boilerplate code and provides best practices for developing Chrome browser extensions with optimized architecture and development workflows.