Skip to main content
Back to registry

tailwind

pproenca/dot-skills

Comprehensive performance optimization guide for Tailwind CSS v4 applications. Contains 44 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Installs151
Install command
npx skills add https://github.com/pproenca/dot-skills --skill tailwind
About this skill
Comprehensive performance optimization guide for Tailwind CSS v4 applications. Contains 44 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation. Reference these guidelines when: Read individual reference files for detailed explanations and code examples: For a complete guide with all rules expanded, see AGENTS.md . - 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 - build-vite-plugin - Use Vite Plugin Over PostCSS - build-css-import - Use CSS Import Over @tailwind Directives - build-content-detection - Leverage Automatic Content Detection - build-node-version - Use Node.js 20+ for Optimal Performance - build-postcss-simplify - Remove Redundant PostCSS Plugins - build-cli-package - Use Correct CLI Package - gen-css-first-config - Use CSS-First Configuration Over JavaScript - gen-avoid-theme-bloat - Avoid Excessive Theme Variables - gen-oklch-colors - Use OKLCH Color Space for Vivid Colors - gen-utility-directive - Use @utility for Custom Utilities - gen-dynamic-utilities - Use Dynamic Utility Values - gen-css-variable-syntax - Use Parentheses for CSS Variable References...

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does tailwind do?

Comprehensive performance optimization guide for Tailwind CSS v4 applications. Contains 44 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Is tailwind good?

tailwind does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does tailwind work with?

tailwind currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to tailwind?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install tailwind?

npx skills add https://github.com/pproenca/dot-skills --skill tailwind

Related skills

More from pproenca/dot-skills

Related skills

Alternatives in Software Engineering