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/claude-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --skill tailwind-v4- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 tailwind-v4？
Tailwind CSS v4 具有 CSS 优先配置、@theme 指令、OKLCH 颜色和 Vite 集成。使用新的 v4 架构实现现代实用优先的造型。 来源：shohzod-abdusamatov-7777777/claude-skills。
如何安装 tailwind-v4？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/shohzod-abdusamatov-7777777/claude-skills --skill tailwind-v4 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/shohzod-abdusamatov-7777777/claude-skills