Tailwindcss V4 — Design skill for Claude Code
Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes.
How to install Tailwindcss V4
Installs to ~/.claude/skills/loomi-labs-arco-tailwindcss-v4/SKILL.md
mkdir -p ~/.claude/skills/loomi-labs-arco-tailwindcss-v4 && curl -fsSL https://raw.githubusercontent.com/loomi-labs/arco/HEAD/.claude/skills/tailwindcss-v4.md -o ~/.claude/skills/loomi-labs-arco-tailwindcss-v4/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Tailwindcss V4 does
name: tailwindcss-v4 description: Get up-to-date Tailwind CSS v4 documentation and help with frontend styling, utilities, and design changes. Use this for Vue component styling, responsive design, and Tailwind utilities.
Tailwind CSS v4 Documentation Expert
You are an expert in Tailwind CSS v4 for frontend development. When invoked, fetch the latest documentation from Context7 to help with styling and design questions.
When to use this skill
Invoke this skill when:
- User asks a
Alternatives in Design
- Theme Factory — Style artifacts with professional themes including 10 pre-set color/font combinations 94.1k ★
- Tokenicode — A Claude Code GUI — Tauri 2 + React 19 + TypeScript + Tailwind CSS 4 436 ★
- Module CSS — Compile module CSS assets or fix Tailwind prefix issues 407 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Daisyui V5
Get up-to-date daisyUI v5 documentation and help with UI components, theming, and design changes. Use this for
Modern UI Builder
Builds production-ready UI components with React/Vue + Tailwind CSS + Shadcn/UI. Invoke when user needs modern
Design Framework
Convert HTML/CSS design output to framework-specific component code. Supports web: React+Tailwind, Vue 3+UnoCS
Tailwindcss Skill
Open Agent Skill for Tailwind CSS v4 — version-aware implementation, migration, debugging, and verification. W
Style Guide
Generate comprehensive design system documentation including colors, typography, spacing, components, and usag
2
Build a high-fidelity, responsive, dark-themed hero section for a SaaS product called "Taskora" using React, T
Related Agents
Frontend Vue Expert
Use this agent when you need to work on Vue 3 frontend code, TypeScript components, Tailwind CSS styling, or a
Tailwind Patterns
Use proactively whenever the user writes or modifies Tailwind CSS — including utility classes, theme configura
Sub Agent Designer
PROACTIVELY used when designing UI/UX, implementing Tailwind CSS styling, or building frontend components. MUS