Setup & Installation
openclaw skills install @leonaaardob/lb-tailwindcss-skill
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
npx clawhub install lb-tailwindcss-skill
What This Skill Does
Embeds the complete Tailwind CSS documentation as a reference skill. Covers utility classes, responsive design, dark mode, animations, custom configuration, and plugins. Agents can look up any Tailwind concept or class without leaving the workflow.
Having the full docs embedded means agents answer Tailwind questions accurately without hallucinating class names or outdated APIs.
When to use it
- Looking up the correct flex utility class during component build
- Configuring custom breakpoints in tailwind.config.js
- Implementing dark mode with the dark: modifier
- Finding the right gradient or filter utility
- Setting up Tailwind plugins for a new project
Example Workflow
Here's how your AI assistant might use this skill in practice.
INPUT
User asks: How do I center a div horizontally and vertically using Tailwind?
AGENT
- 1Read justify-content.mdx and align-items.mdx from references/
- 2Identify flex, justify-center, and items-center utilities
- 3Check display.mdx to confirm flex display class
- 4Compose the correct class combination
OUTPUT
Apply classes: flex justify-center items-center to the parent container