ソース情報
- リポジトリ
- modbender/skill-library-mcp
- ソースの最終更新活動
- 2026年3月6日 18:33
- 検出された SKILL.md の言語
- 英語
- スター
- 12
- フォーク
- 3
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- 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)
GitHubで見る