css-to-tailwind
Convert CSS files to Tailwind utility classes
Source facts
- Repository
- modbender/skill-library-mcp
- Last source activity
- March 6, 2026 at 18:33
- Detected SKILL.md language
- English
- Stars
- 12
- Forks
- 3
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Showing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- css-to-tailwind
- description
- Convert CSS files to Tailwind utility classes
# CSS to Tailwind
Got legacy CSS? Convert it to Tailwind classes. Handles complex selectors and media queries.
## Quick Start
```bash
npx ai-css-to-tailwind ./src/styles/button.css
```
## What It Does
- Converts CSS rules to Tailwind utilities
- Handles responsive breakpoints
- Converts custom properties to theme values
- Preserves complex hover/focus states
## Usage Examples
```bash
# Convert a CSS file
npx ai-css-to-tailwind ./styles/header.css
# Convert and update component
npx ai-css-to-tailwind ./styles/card.css --update ./components/Card.tsx
# Batch convert
npx ai-css-to-tailwind ./styles/*.css
```
## What It Handles
- Media queries → responsive prefixes
- Pseudo-classes → state variants
- CSS variables → theme tokens
- Complex selectors → component patterns
## Requirements
Node.js 18+. OPENAI_API_KEY required.
## License
MIT. Free forever.
---
**Built by LXGIC Studios**
- GitHub: [github.com/lxgicstudios/ai-css-to-tailwind](https://github.com/lxgicstudios/ai-css-to-tailwind)
- Twitter: [@lxgicstudios](https://x.com/lxgicstudios)
View on GitHub