← 返回 Skills 市场
6154
总下载
8
收藏
67
当前安装
1
版本数
在 OpenClaw 中安装
/install tailwind-design-system
功能描述
Build scalable, themable Tailwind CSS component libraries using CVA for variants, compound components, design tokens, dark mode, and responsive grids.
安全使用建议
This appears safe to install as frontend development guidance. Before using the GitHub-based npx command or copying the skill into global agent folders, confirm that you trust the repository and publisher; the skill content itself is limited to Tailwind and React design-system patterns.
功能分析
Type: OpenClaw Skill
Name: tailwind-design-system
Version: 1.0.0
The skill bundle provides code examples and patterns for building Tailwind CSS design systems, including components, theming, and utilities. All code files (`.ts`, `.tsx`) contain standard frontend development logic without any suspicious imports, network calls, or file system manipulations beyond typical browser `localStorage` usage for theme persistence. The `SKILL.md` and `README.md` files contain standard installation instructions (`npx clawhub`, `npx add`, `cp -r`) for the skill itself, and do not contain any prompt injection attempts, malicious commands, or instructions for the AI agent to perform unauthorized actions or exfiltrate data. There is no evidence of intentional harmful behavior.
能力评估
Purpose & Capability
The skill purpose is to help build Tailwind CSS component libraries using CVA, compound components, design tokens, dark mode, responsive grids, and animation utilities; the inspected artifacts match that purpose.
Instruction Scope
Instructions are scoped to frontend implementation patterns and best practices, with no prompt overrides, autonomous actions, credential access, account access, or unrelated agent behavior.
Install Mechanism
The README documents user-run installation commands, including npx-based install paths and manual copy commands into project or global skill folders; this is disclosed setup guidance, not automatic execution.
Credentials
No required credentials, API keys, network integrations, broad filesystem indexing, or external data flows are present; browser localStorage appears only in a theme preference example.
Persistence & Privilege
No background workers, privilege escalation, hidden persistence, destructive commands, or credential/session handling were found; global install locations are explicit manual options.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install tailwind-design-system - 安装完成后，直接呼叫该 Skill 的名称或使用
/tailwind-design-system触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
Initial release of Tailwind Design System skill.
- Introduces scalable patterns for building component libraries with Tailwind CSS, including CVA, compound components, design tokens, and theming.
- Provides copy-paste examples for type-safe variant components, composable card components, validated form inputs, and a responsive grid system.
- Guides users through utility setup, design token architecture, and responsive/dark mode best practices.
- Includes installation and usage instructions for common UI patterns.
元数据
常见问题
Tailwind Design System 是什么？
Build scalable, themable Tailwind CSS component libraries using CVA for variants, compound components, design tokens, dark mode, and responsive grids. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 6154 次。
如何安装 Tailwind Design System？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install tailwind-design-system」即可一键安装，无需额外配置。
Tailwind Design System 是免费的吗？
是的，Tailwind Design System 完全免费（开源免费），可自由下载、安装和使用。
Tailwind Design System 支持哪些平台？
Tailwind Design System 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 Tailwind Design System？
由 wpank（@wpank）开发并维护，当前版本 v1.0.0。
推荐 Skills