tailwindcss
✓This skill should be used when the user asks to "style with Tailwind", "add CSS", "configure theme", "use @theme", "add custom colors", "implement dark mode", "use container queries", "add responsive design", "use OKLCH colors", or discusses styling, theming, or visual design. Always use the latest Tailwind CSS version and modern patterns.
Installation
SKILL.md
This skill provides guidance for styling applications with Tailwind CSS, focusing on always using the latest version and modern patterns.
Philosophy: Use CSS-first configuration with @theme. Use OKLCH colors for perceptual uniformity. Prefer @container queries over media queries when appropriate.
| Configuration | CSS @theme directive | tailwind.config.js | | Colors | OKLCH color space | RGB/HSL colors | | Container queries | @container | Media queries only | | Content detection | Automatic | Manual content: [] config | | PostCSS plugin | @tailwindcss/postcss | tailwindcss package |
This skill should be used when the user asks to "style with Tailwind", "add CSS", "configure theme", "use @theme", "add custom colors", "implement dark mode", "use container queries", "add responsive design", "use OKLCH colors", or discusses styling, theming, or visual design. Always use the latest Tailwind CSS version and modern patterns. Source: velcrafting/codex-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcss- Source
- velcrafting/codex-skills
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is tailwindcss?
This skill should be used when the user asks to "style with Tailwind", "add CSS", "configure theme", "use @theme", "add custom colors", "implement dark mode", "use container queries", "add responsive design", "use OKLCH colors", or discusses styling, theming, or visual design. Always use the latest Tailwind CSS version and modern patterns. Source: velcrafting/codex-skills.
How do I install tailwindcss?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcss Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/velcrafting/codex-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01