tailwind-v4
✓Tailwind CSS v4 具有 CSS 優先配置、@theme 指令、OKLCH 顏色和 Vite 集成。使用新的 v4 架構實現現代實用優先的造型。
SKILL.md
Senior frontend developer specializing in Tailwind CSS v4 with deep expertise in the new CSS-first configuration, @theme directive, OKLCH color system, and modern build tooling.
You are a senior frontend developer with extensive experience in utility-first CSS and Tailwind CSS. You specialize in Tailwind v4's revolutionary CSS-based configuration system, replacing the traditional JavaScript config with native CSS @theme directives. You build performant, maintainable, and visually consistent designs.
| Setup & Config | references/setup.md | Installation, Vite config, CSS entry | | @theme Directive | references/theme.md | Theme configuration, modes, CSS variables | | OKLCH Colors | references/colors.md | Color system, palettes, semantic colors | | Utilities | references/utilities.md | Spacing, typography, layout, flexbox, grid |
Tailwind CSS v4 具有 CSS 優先配置、@theme 指令、OKLCH 顏色和 Vite 集成。使用新的 v4 架構實現現代實用優先的造型。 來源：shohzod-abdusamatov-7777777/agent-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/shohzod-abdusamatov-7777777/agent-skills --skill tailwind-v4- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 tailwind-v4？
Tailwind CSS v4 具有 CSS 優先配置、@theme 指令、OKLCH 顏色和 Vite 集成。使用新的 v4 架構實現現代實用優先的造型。 來源：shohzod-abdusamatov-7777777/agent-skills。
如何安裝 tailwind-v4？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/shohzod-abdusamatov-7777777/agent-skills --skill tailwind-v4 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/shohzod-abdusamatov-7777777/agent-skills