feat: add shadcn/ui skill for AI-assisted component generation

[jerelvelarde]

Summary

Add a shadcn/ui skill to give Claude Code (and other AI assistants) deep contextual knowledge of shadcn/ui components, patterns, and best practices when working in this repo.

What are shadcn skills?

Skills equip AI assistants with project-aware knowledge of shadcn/ui. They work by:

1. Project detection — activates automatically when components.json exists
2. Context injection — runs shadcn info --json to gather project config (framework, Tailwind version, aliases, installed components, icon library)
3. Pattern enforcement — the AI follows shadcn/ui composition rules when generating code

This enables natural language requests like:

• "Add a login form with email and password fields"
• "Create a settings page with profile update functionality"
• "Build a dashboard with a sidebar, stats cards, and a data table"

Installation

pnpm dlx skills add shadcn/ui

Why

This project already uses Tailwind CSS and a component-based UI. Adding the shadcn skill would let AI assistants generate components that are consistent with shadcn/ui patterns, theming (CSS variables, OKLCH colors, dark mode), and the existing design system — reducing manual fixups after AI-generated code.

References

• https://ui.shadcn.com/docs/skills