Individual skill
tailwind
Tailwind CSS v4 styling and configuration.
skills/tailwind/SKILL.md
Source commit b210600fdf49441ee1efeca2cbdc05599ec03019
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- No
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Not checked yet
- Last checked
- Nov 6, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 42
- Repository last updated
- Nov 4, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agent-skills Repository topic
- ai-agents Repository topic
- ai-coding-assistant Repository topic
- claude-code Repository topic
- codex Repository topic
- cursor Repository topic
- frontend Repository topic
- nextjs Repository topic
- opencode Repository topic
- react Repository topic
- engineering Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 6,285 bytesSKILL.mdcore · 6,285 bytesreferences/anim-3d-transforms.mddoc · 1,643 bytesreferences/anim-gpu-accelerated.mddoc · 1,395 bytesreferences/anim-gradient-interpolation.mddoc · 1,363 bytesreferences/anim-starting-style.mddoc · 1,461 bytesreferences/build-cli-package.mddoc · 1,108 bytesreferences/build-content-detection.mddoc · 1,255 bytesreferences/build-css-import.mddoc · 993 bytesreferences/build-node-version.mddoc · 1,444 bytesreferences/build-postcss-simplify.mddoc · 1,103 bytesreferences/build-vite-plugin.mddoc · 1,027 bytesreferences/bundle-avoid-cdn-production.mddoc · 1,262 bytesreferences/bundle-avoid-preprocessors.mddoc · 1,101 bytesreferences/bundle-css-minification.mddoc · 1,323 bytesreferences/bundle-remove-unused-plugins.mddoc · 1,201 bytesreferences/bundle-split-critical-css.mddoc · 1,639 bytesreferences/comp-avoid-apply-overuse.mddoc · 1,556 bytesreferences/comp-container-customize.mddoc · 1,156 bytesreferences/comp-reference-directive.mddoc · 1,279 bytesreferences/comp-smart-sorting.mddoc · 1,368 bytesreferences/comp-utility-file-scope.mddoc · 1,378 bytesreferences/gen-avoid-theme-bloat.mddoc · 1,267 bytesreferences/gen-css-first-config.mddoc · 1,286 bytesreferences/gen-css-variable-syntax.mddoc · 1,111 bytesreferences/gen-dynamic-utilities.mddoc · 1,237 bytesreferences/gen-oklch-colors.mddoc · 1,052 bytesreferences/gen-utility-directive.mddoc · 1,226 bytesreferences/resp-container-queries.mddoc · 1,448 bytesreferences/resp-custom-breakpoints.mddoc · 1,253 bytesreferences/resp-hover-capability.mddoc · 1,455 bytesreferences/resp-logical-properties.mddoc · 1,375 bytesreferences/resp-mobile-first.mddoc · 1,364 bytesreferences/theme-color-scheme.mddoc · 1,388 bytesreferences/theme-dark-mode-class.mddoc · 1,403 bytesreferences/theme-prefix-variables.mddoc · 1,281 bytesreferences/theme-runtime-variables.mddoc · 1,335 bytesreferences/theme-semantic-tokens.mddoc · 1,487 bytesreferences/util-explicit-colors.mddoc · 1,142 bytesreferences/util-gradient-via-none.mddoc · 1,176 bytesreferences/util-important-modifier.mddoc · 937 bytesreferences/util-opacity-modifier.mddoc · 1,077 bytesreferences/util-renamed-utilities.mddoc · 1,291 bytesreferences/util-variant-stacking.mddoc · 1,093 bytes
Read excerpt
# Tailwind Labs Tailwind CSS v4 Best Practices
Comprehensive performance optimization guide for Tailwind CSS v4 applications, maintained by Tailwind Labs. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
## When to Apply
Reference these guidelines when:
- Configuring Tailwind CSS v4 build tooling (Vite plugin, PostCSS, CLI)
- Writing or migrating styles using v4's CSS-first approach
- Optimizing CSS bundle size and build performance
- Implementing responsive designs with breakpoints or container queries
- Setting up theming with @theme directive and design tokens
## Rule Categories by Priority