tailwindcss-v4

SKILL.md

| @theme | Define design tokens (colors, spacing, fonts) | | @utility | Create custom utility classes | | @variant | Define custom variants (hover, focus, etc.) | | @source | Control class detection and safelisting | | @reference | Import for @apply without emitting CSS |

| @tailwind base/components/utilities | @import "tailwindcss" | | tailwind.config.js theme.extend | @theme { --color- } | | PostCSS tailwindcss plugin | @tailwindcss/postcss | | @apply with config values | @reference import first |

Tailwind CSS v4 模式：CSS-first 配置、@theme/@utility/@variant 指令、從 v3 遷移。在處理 Tailwind v4 項目時使用。 來源：tlq5l/tailwindcss-v4-skill。

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/tlq5l/tailwindcss-v4-skill --skill tailwindcss-v4 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用

查看原文