summaryrefslogtreecommitdiff
path: root/ui/tailwindcss/.claude/commands/component.md
blob: 88f6ec1e6d2d61a9664f79d378c2d43d7fffe22c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
---
description: Generate component with Tailwind utility classes
argument-hint: "[component-name] [type]"
allowed-tools: Write, Read, Edit
---

Generate Tailwind component: $ARGUMENTS

Follow utility-first principles:
1. Create component with proper utility classes
2. Include responsive design patterns
3. Add dark mode support if applicable
4. Use semantic class combinations
5. Include accessibility utilities

Types: button, card, form, layout, navigation

Example: `/component Button primary` or `/component Card hover`