shadcn-ui

47

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts.

CommandsMarketplace

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install giuseppe-trisciuoglio/developer-kit/shadcn-ui
skilz install giuseppe-trisciuoglio/developer-kit/shadcn-ui --agent opencode
skilz install giuseppe-trisciuoglio/developer-kit/shadcn-ui --agent codex
skilz install giuseppe-trisciuoglio/developer-kit/shadcn-ui --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/giuseppe-trisciuoglio/developer-kit
2. Copy the agent skill directory:
cp -r developer-kit/skills/shadcn-ui ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Repository
developer-kit
Type
Non-Technical
Meta-Domain
general
Primary Domain
general
Sub-Domain
javascript react code
Market Score
47

Report Security Issue

Found a security vulnerability in this agent skill?