css-to-tailwind
Convert CSS files to Tailwind utility classes
Datos de origen
- Repositorio
- lxgicstudios/ai-css-to-tailwind
- Última actividad en el origen
- 20 de agosto de 2026 a las 19:05
- Idioma detectado de SKILL.md
- inglés
- Estrellas
- 1
- Forks
- 0
Opciones de instalación
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Revisa los archivos de origen
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Mostrando SKILL.md
SKILL.md
Instrucciones de origen · Vista previa de solo lectura- 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.
Ver en GitHub