Tailwind CSS 组件与主题

原名：tailwind-design-system

根据 Tailwind 版本组织主题令牌与组件样式，统一页面而不破坏现有样式约定。

中文 Skills 技能说明

使用 Tailwind 的 OPC 产品需要统一按钮、表单和暗色主题时，可让前端开发工程师处理。输入项目版本、构建配置、品牌令牌和现有组件，技能按上游 v4 示例检查主题、变体和响应式规则，交付样式规范与局部组件实现建议。v3 项目不能直接照搬 v4 配置，先核对版本和插件兼容性。该技能不会更换 CEOFans 前台布局；在授权项目写代码和构建需桌面工具，发布前验证旧页面、交互和回退路径。

上游能力依据

上游原始适用说明：Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

上游 SKILL.md 主要章节（保留原文标题）：

When to Use This Skill
Key v4 Changes
Quick Start
Core Concepts
1. Design Token Hierarchy
2. Component Architecture
Detailed patterns and worked examples

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者: Seth Hobson（wshobson）与 agents contributors
中文翻译: CEOFans翻译
许可证: MIT
上游来源: https://github.com/wshobson/agents/tree/46891e7e60da0e52baf1050b7b6391b64e84c6d9/plugins/frontend-mobile-development/skills/tailwind-design-system

适用范围

平台：linux、macos、windows；标签：设计与前端、Tailwind CSS 组件与主题、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。