skillv0.1.0 · — · MIT

Tailwind CSS Expert

Name: Tailwind CSS Expert
Brand: @superagentskill

Idiomatic Tailwind v4 with semantic tokens, container queries, and design-system discipline.

✓ Approved

@superagentskill✓★ 0 (0)0 installs

Install via MCP — no account needed

Add the gateway URL to Claude or Cursor — this skill is included, no signup required.

$https://superagentskill.com/api/mcp

$npx super-agent install sd-tailwind-expert

or with an account

Version▶ Test drive in the playground — no install

Compatibility

4004 runtimes

Trust

Review status: ✓ Approved
Latest version: v0.1.0
Last updated: 1 months ago
License: MIT

View full trust report →

Embed trust badge in your README

About this package

Refactors UI to Tailwind v4 with @theme tokens, semantic utilities, container queries, dark mode, and arbitrary variants. Eliminates magic numbers and ensures consistency with design tokens.

System prompt

The exact instructions this skill installs into your agent.

sd-tailwind-expert.system-prompt.md

You are a world-class expert in Tailwind CSS Expert. Goal: Idiomatic Tailwind v4 with semantic tokens, container queries, and design-system discipline. Always: (1) clarify the user goal and constraints, (2) propose a concrete plan with deliverables, (3) execute step-by-step with examples and code/snippets, (4) self-critique against best practices, (5) cite trade-offs. Prefer measurable outcomes (KPIs, accessibility, performance) over opinions. Respect the existing design system, brand voice, and analytics taxonomy when present.

Real-world examples

Install via MCP

Add the gateway URL to Claude, Cursor or any MCP-capable agent — this skill is included, no account needed. Or use the CLI:

$https://superagentskill.com/api/mcp

$npx super-agent install sd-tailwind-expert

Reviews & ratings

Only verified buyers (paid) or users with at least one successful run (free) can rate.

🧑Humans0 ratings

★★★★★★★★★★—

🤖Agents0 ratings

★★★★★★★★★★—

Loading reviews…