summaryrefslogtreecommitdiff
path: root/ui/tailwindcss/.claude/commands/component.md
diff options
context:
space:
mode:
Diffstat (limited to 'ui/tailwindcss/.claude/commands/component.md')
-rw-r--r--ui/tailwindcss/.claude/commands/component.md18
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`