code-architecture-tailwind-v4-best-practices
✓指导按钮和组件的 Tailwind CSS v4 模式。在创建具有变体的组件、在 CVA/tailwind 变体之间进行选择或配置 Tailwind v4 的 CSS 优先方法时，请使用此技能。
SKILL.md
Use utilities directly in markup as the primary approach. Abstract with CVA/tailwind-variants only when you have 3+ variants.
Tailwind v4's CSS-first configuration eliminates tailwind.config.js entirely. All configuration happens in CSS via @theme directive.
The Tailwind team discourages @apply except in narrow circumstances. Use component abstractions instead.
指导按钮和组件的 Tailwind CSS v4 模式。在创建具有变体的组件、在 CVA/tailwind 变体之间进行选择或配置 Tailwind v4 的 CSS 优先方法时，请使用此技能。 来源：flpbalada/my-opencode-config。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/flpbalada/my-opencode-config --skill code-architecture-tailwind-v4-best-practices- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 code-architecture-tailwind-v4-best-practices？
指导按钮和组件的 Tailwind CSS v4 模式。在创建具有变体的组件、在 CVA/tailwind 变体之间进行选择或配置 Tailwind v4 的 CSS 优先方法时，请使用此技能。 来源：flpbalada/my-opencode-config。
如何安装 code-architecture-tailwind-v4-best-practices？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/flpbalada/my-opencode-config --skill code-architecture-tailwind-v4-best-practices 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/flpbalada/my-opencode-config
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01