diff options
| author | TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com> | 2026-01-16 08:30:14 +0900 |
|---|---|---|
| committer | TheSiahxyz <164138827+TheSiahxyz@users.noreply.github.com> | 2026-01-16 08:30:14 +0900 |
| commit | 3fbb9a18372f2b6a675dd6c039ba52be76f3eeb4 (patch) | |
| tree | aa694a36cdd323a7853672ee7a2ba60409ac3b06 /ui/tailwindcss/.claude/commands/component.md | |
updates
Diffstat (limited to 'ui/tailwindcss/.claude/commands/component.md')
| -rw-r--r-- | ui/tailwindcss/.claude/commands/component.md | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/ui/tailwindcss/.claude/commands/component.md b/ui/tailwindcss/.claude/commands/component.md new file mode 100644 index 0000000..88f6ec1 --- /dev/null +++ b/ui/tailwindcss/.claude/commands/component.md @@ -0,0 +1,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` |