tailwind

Name: tailwind
Author: oakoss

✓

oakoss/agent-skillsGitHub: oakoss/agent-skills 来源: oakoss/agent-skills

Tailwind CSS v4 模式和设计系统。在配置 Tailwind 主题、构建组件、实现暗模式、使用容器查询、从 v3 迁移、集成 shadcn/ui 或修复构建错误时使用。用于顺风、CSS、样式、主题、设计标记。

oakoss·tailwind

30安装·2热度·@oakoss

安装

GitHub: oakoss/agent-skills

$npx skills add https://github.com/oakoss/agent-skills --skill tailwind

如何安装 tailwind

通过命令行快速安装 tailwind AI 技能到你的开发环境

打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
运行安装命令: 复制并运行以下命令：npx skills add https://github.com/oakoss/agent-skills --skill tailwind
验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

来源：oakoss/agent-skills。

SKILL.md

查看原文

Tailwind CSS v4 skill covering CSS-first configuration, design tokens, component patterns, shadcn/ui integration, dark mode, container queries, migration from v3, and custom utilities.

When to use: Configuring Tailwind themes, building utility-first components, implementing dark mode, using container queries, migrating from v3, integrating shadcn/ui, troubleshooting build errors.

When NOT to use: Tailwind v3 legacy projects that will not upgrade, projects using a different styling approach (CSS Modules, styled-components) without plans to adopt Tailwind.

Tailwind CSS v4 模式和设计系统。在配置 Tailwind 主题、构建组件、实现暗模式、使用容器查询、从 v3 迁移、集成 shadcn/ui 或修复构建错误时使用。用于顺风、CSS、样式、主题、设计标记。来源：oakoss/agent-skills。

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令: npx skills add https://github.com/oakoss/agent-skills --skill tailwind
来源: oakoss/agent-skills
分类: </>开发工具
认证: ✓
收录时间: 2026-02-22
更新时间: 2026-03-10
链接: https://www.learn-skills.dev/zh/skills/oakoss/agent-skills/tailwind

Browse more skills from oakoss/agent-skills

快速解答

什么是 tailwind？

如何安装 tailwind？

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）复制并运行以下命令：npx skills add https://github.com/oakoss/agent-skills --skill tailwind 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用

这个 Skill 的源码在哪？

https://github.com/oakoss/agent-skills

详情

分类: </>开发工具
来源: skills.sh
收录时间: 2026-02-22