css-to-tailwind

星标1

分支0

更新时间2026年7月24日 07:07

Convert CSS files to Tailwind utility classes

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

SKILL.md

readonly

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

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

# 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.