tailwindcss

65 / 100 · Review before installing

Check before installing.

By MadAppGang/claude-code (GitHub) · design · 288 stars · scanned at commit 6097ad4

TailwindCSS v4 patterns with CSS-first configuration using @theme, @source, and modern CSS features. Covers design tokens, CSS variables, container queries, dark mode, and Vite integration. Use when configuring Tailwind, defining design tokens, or leveraging modern CSS with Tailwind utilities.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this. It runs automatically when the plugin is installed.

Found in 7 places.

plugins/dev/skills/frontend/tailwindcss/SKILL.md, line 257npm install tailwindcss @tailwindcss/vite
plugins/dev/.mcp.json, line 3"command": "claudish",
plugins/dev/hooks/feature-enforcement.json, line 43"command": "node ${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/outer-loop-enforcer.js start-iteration ${SESSION_PATH}",

Show 4 more

plugins/dev/hooks/feature-enforcement.json, line 49"command": "node ${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/outer-loop-enforcer.js record-result ${SESSION_PATH} <PASS|FAIL|PARTIAL> [reason] [score]",
plugins/dev/hooks/feature-enforcement.json, line 55"command": "node ${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/outer-loop-enforcer.js check-can-complete ${SESSION_PATH}",
plugins/dev/hooks/feature-enforcement.json, line 61"command": "node ${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/validation-criteria-enforcer.js ${SESSION_PATH}",
plugins/dev/hooks/feature-enforcement.json, line 67"command": "${CLAUDE_PLUGIN_ROOT}/plugins/dev/scripts/checkpoint-verifier.sh <phase> ${SESSION_PATH}",

Connects to the internet

The author does not mention this.

Found in 5 places.

plugins/dev/agents/devops.md, line 601. WebSearch: "{technology} {task} best practices 2026"
plugins/dev/agents/devops.md, line 612. WebSearch: "{technology} official documentation {specific feature}"
plugins/dev/agents/devops.md, line 623. WebSearch: "{technology} {task} example"

Show 2 more

plugins/dev/commands/feature.md, line 1063if curl -s ${test_url} > /dev/null 2>&1; then
plugins/dev/commands/implement.md, line 542if curl -s ${testUrl} > /dev/null 2>&1; then

Downloads and installs other software

The author does not mention this.

Found in 11 places.

plugins/dev/agents/doc-fixer.md, line 318npx my-tool init
plugins/dev/agents/doc-fixer.md, line 319npx my-tool migrate
plugins/dev/agents/doc-fixer.md, line 343npx my-tool

Show 8 more

plugins/dev/agents/ui-engineer.md, line 319elif npx claudish --list-accounts 2>/dev/null | grep -q "gemini"; then
plugins/dev/agents/ui-engineer.md, line 333npx claudish --model "$GEMINI_MODEL" --image "$SCREENSHOT_PATH" --quiet --auto-approve <<< "
plugins/dev/agents/ui-engineer.md, line 347npx claudish --model "$GEMINI_MODEL" \
plugins/dev/agents/ui-engineer.md, line 360npx claudish --model "$GEMINI_MODEL" --image "$NEW_SCREENSHOT_PATH" --quiet --auto-approve <<< "
plugins/dev/agents/ui.md, line 339- Verify Claudish is available: `npx claudish --version`
plugins/dev/agents/ui.md, line 363npx claudish --model "$GEMINI_MODEL" \
plugins/dev/commands/help.md, line 187- **Claudish CLI** (`npm install -g claudish`) - External AI model reviews
plugins/dev/commands/ui.md, line 358npx claudish --version 2>/dev/null || echo "Claudish not found"

Changes files outside its own folder

The author does not mention this.

Found in 2 places.

plugins/dev/agents/doc-fixer.md, line 346mkdir ~/.npm-global
plugins/dev/commands/worktree.md, line 134- Remove statusline worktree marker: `rm -f ~/.claude/.statusline-worktree-*`

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'tailwindcss' ] || [ -L ~/.agents/skills/'tailwindcss' ]; then echo 'A skill folder named tailwindcss already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/MadAppGang/claude-code' "$d" && git -C "$d" checkout --quiet '6097ad4643f23b7645a9c99c329887b623b32e57' -- 'plugins/dev/skills/frontend/tailwindcss' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/dev/skills/frontend/tailwindcss' ~/.agents/skills/'tailwindcss' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'tailwindcss' ~/.claude/skills/'tailwindcss' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for MadAppGang/claude-code shows the score of its lowest-scoring skill.

SkillTrust badge for MadAppGang/claude-code

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/MadAppGang/claude-code.svg)](https://zalavijaysinh.github.io/skilltrust/repos/MadAppGang/claude-code/)

Score history

Date	Version	Score
2026-11-12	`6097ad4`	65