loomi-labs

Tailwindcss V4 — Design skill for Claude Code

Design community

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

Terminal
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 Repository