tailwind-syntax-gradients

Installation
SKILL.md

Tailwind CSS Gradients

v4 expanded the gradient API from v3's eight linear directions to a full three-family system (linear, radial, conic) with seven interpolation colour spaces, angle-based linear gradients, and percentage stop positions. v3 stays linear-only with the legacy bg-gradient-* prefix.

Companion skills :

  • tailwind-syntax-utility-classes : the broader background utility surface
  • tailwind-core-v3-vs-v4 : the v4-renamed utilities table (bg-gradient -> bg-linear)
  • tailwind-impl-migration-v3-v4 : codemod that handles the rename

Quick Reference : v3 vs v4 Cheat Sheet

Installs
5
First Seen
Jun 18, 2026
tailwind-syntax-gradients — impertio-studio/tailwindcss-claude-skill-package