tailwind-4

Name: tailwind-4
Author: prowler-cloud

Skill by prowler-cloud · updated today · ★ 15k

Score 91

Tailwind CSS 4 patterns and best practices. Trigger: When styling with Tailwind (className, variants, cn()), especially when dynamic styling or CSS variables are involved (no var() in className). tailwind-4 is published by prowler-cloud on GitHub.

Install GitHub

Yours? Claim it

Works withClaude CodeClaude apps Antigravity CLI

Install tailwind-4

Built from the published package, never by AI

git clone --depth 1 https://github.com/prowler-cloud/prowler /tmp/prowler && mkdir -p ~/.claude/skills && cp -r /tmp/prowler/skills/tailwind-4 ~/.claude/skills/tailwind-4

Run in your terminal. Claude Code loads skills from ~/.claude/skills automatically.

Step-by-step: install tailwind-4 in Claude Code

git clone --depth 1 https://github.com/prowler-cloud/prowler /tmp/prowler && mkdir -p ~/.gemini/antigravity-cli/skills && cp -r /tmp/prowler/skills/tailwind-4 ~/.gemini/antigravity-cli/skills/tailwind-4

Antigravity CLI loads skills from ~/.gemini/antigravity-cli/skills, or .agents/skills for one project.

Step-by-step: install tailwind-4 in Antigravity CLI

Skills can run scripts on your machine. Some need an API key: check the README.

Maintenance

Last commit in the past day

Licence

Apache-2.0: permissive, fine for commercial use

Quality

Clear description, installs from GitHub, 15,095 stars, original repository

Security

Allowed to use Edit, Write, Bash without limits

Weekly newsletter

Like tailwind-4? Get the best new skills every week

The best new tools, security warnings before you install something risky, and one practical tip. Free, three minute read.

Security check

Allowed to use Edit, Write, Bash without limitsIn SKILL.md

Checked automatically: skills/tailwind-4/SKILL.md. This looks for known risky patterns and is not a full audit. How grades work

Inside the skill

Allowed tools: ReadEditWriteGlobGrepBashWebFetchWebSearchTask

SKILL.md5 KB

Alternatives to tailwind-4

All alternatives →

nested-container-clean-agencyMengTo

Create a clean agency design system built from nested containers, with an outer editorial shell, inset dark feature blocks, rounded premium cards, and restrained accent color.

AAA Skill 7k

orange-clean-paper-saasMengTo

Create a clean paper-toned SaaS design system with warm neutrals, orange accent signals, rounded premium forms, and polished product illustration surfaces.

AAA Skill 7k

light-mode-paper-technicalMengTo

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed geometry, and restrained accent signals.

AAA Skill 7k

paperbananadwzhu-pku

Generate publication-quality academic diagrams from paper methodology text

AAA Skill 7.4k

ui-ux-pro-maxGalaxy-Dawn

This skill should be used when the user asks to design or review a UI, create a landing page or dashboard, choose colors or typography, improve accessibility, or implement polished frontend interfaces with a clear design system.

AAA Skill 5.9k

technical-wireframe-info-layoutMengTo

Create a monochrome technical wireframe design system with exploded 3D structure, connector annotations, sparse information labels, and precise dark diagnostic framing.

AAA Skill 7k

tailwind-4 vs nested-container-clean-agency tailwind-4 vs orange-clean-paper-saas tailwind-4 vs light-mode-paper-technical

tailwind-4: common questions

How do I install tailwind-4?

Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.

Is tailwind-4 free?

The code is published under the Apache-2.0 licence. The service it connects to may have its own pricing.

Is tailwind-4 safe to use?

It scores 91 of 100. Grades: maintenance A, licence A, quality A. Security check: grade B (allowed to use edit, write, bash without limits). Review the code before you install. How grades work.

What are alternatives to tailwind-4?