css-to-tailwind
Convert CSS files to Tailwind utility classes
Quellinformationen
- Repository
- lxgicstudios/ai-css-to-tailwind
- Letzte Quellaktivität
- 20. August 2026 um 19:05
- Erkannte Sprache von SKILL.md
- Englisch
- Sterne
- 1
- Forks
- 0
Installationsoptionen
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
SKILL.md wird angezeigt
SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau- 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.
Auf GitHub ansehen