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.