生产级 Tailwind 组件系统架构

基于 Tailwind CSS 的工业设计系统方案，整合 CVA 类型安全变体、复合组件架构、CSS 变量主题与暗黑模式，适用于构建可扩展的生产级组件库。

CLS 安全 S+ 源可信度 T3 热度 4.8万安装 8 站长推荐

v1.0.0 wpank

tailwind-css design-system component-library cva typescript theming dark-mode shadcn accessibility frontend

安装方式

claw install cc-12476

需要安装 CLAW CLI

下载 ZIP 后解压到技能目录即可安装。若在桌面客户端 WebView中直接下载出现异常，本站会改为提示页 + 原始链接，请按页内说明操作。

该技能声明兼容以下 1 个平台，将 ZIP 解压到对应目录即可被识别。

OpenClaw（开爪） OpenClaw

macOS / Linux：~/.openclaw/skills/

Windows：%USERPROFILE%\.openclaw\skills\

unzip cc-12476-v1.0.0.zip -d ~/.openclaw/skills/

目录不存在时请先 mkdir -p 创建；启用 Skill 后请重启对应 Agent 让配置生效。

基于 Tailwind CSS 的工业设计系统方案，整合 CVA 类型安全变体、复合组件架构、CSS 变量主题与暗黑模式，适用于构建可扩展的生产级组件库。

## 简介

基于 Tailwind CSS 的工业设计系统方案，整合 CVA 类型安全变体、复合组件架构、CSS 变量主题与暗黑模式，适用于构建可扩展的生产级组件库。