← Back to Skills Marketplace
6154
Downloads
8
Stars
67
Active Installs
1
Versions
Install in OpenClaw
/install tailwind-design-system
Description
Build scalable, themable Tailwind CSS component libraries using CVA for variants, compound components, design tokens, dark mode, and responsive grids.
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install tailwind-design-system - After installation, invoke the skill by name or use
/tailwind-design-system - Provide required inputs per the skill's parameter spec and get structured output
Version History
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.
Metadata
Frequently Asked Questions
What is Tailwind Design System?
Build scalable, themable Tailwind CSS component libraries using CVA for variants, compound components, design tokens, dark mode, and responsive grids. It is an AI Agent Skill for Claude Code / OpenClaw, with 6154 downloads so far.
How do I install Tailwind Design System?
Run "/install tailwind-design-system" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Tailwind Design System free?
Yes, Tailwind Design System is completely free (open-source). You can download, install and use it at no cost.
Which platforms does Tailwind Design System support?
Tailwind Design System is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Tailwind Design System?
It is built and maintained by wpank (@wpank); the current version is v1.0.0.
More Skills