shadcn-component

Generate shadcn/ui components with Tailwind styling via npx.

1|Updated Dec 27, 2025

Search Tags:#ui #frontend #component #tailwind #shadcn #tsx

One-click install

npx skills add https://github.com/AppleLamps/xpic2 --skill shadcn-component

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: shadcn-component
Source: https://github.com/AppleLamps/xpic2/tree/main/.claude/skills/shadcn-component
Command: npx skills add https://github.com/AppleLamps/xpic2 --skill shadcn-component

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables rapid integration of shadcn/ui components, ensuring consistent styling and patterns with your existing Tailwind setup.

Core Features & Use Cases

Install components via npx: generate new UI components with standard structure
Component footprint: created at components/ui/<component-name>.tsx
Styling conventions: glass-morphism and Tailwind patterns aligned with the project

Quick Start

Run npx shadcn@latest add <component-name> and import the component from '@/components/ui/<component-name>'.