Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
安装
npx skills add giuseppe-trisciuoglio/developer-kit --skill tailwind-css-patternsnpx skills add giuseppe-trisciuoglio/developer-kit --skill tailwind-css-patterns -a claude-code -gnpx skills add giuseppe-trisciuoglio/developer-kit --skill tailwind-css-patterns -a codex -ggemini skills install https://github.com/giuseppe-trisciuoglio/developer-kit.git --path plugins/developer-kit-typescript/skills/tailwind-css-patternsgh skill install giuseppe-trisciuoglio/developer-kit tailwind-css-patternsgit clone --depth 1 https://github.com/giuseppe-trisciuoglio/developer-kit /tmp/giuseppe-trisciuoglio__developer-kit
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/giuseppe-trisciuoglio__developer-kit/plugins/developer-kit-typescript/skills/tailwind-css-patterns ~/.claude/skills/tailwind-css-patterns # Claude Code
cp -R /tmp/giuseppe-trisciuoglio__developer-kit/plugins/developer-kit-typescript/skills/tailwind-css-patterns ~/.agents/skills/tailwind-css-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode