Skip to main content

css-to-tailwind

Convert CSS files to Tailwind utility classes

来源信息

仓库
modbender/skill-library-mcp
最近来源活动
2026年3月6日 18:33
检测到的 SKILL.md 语言
英语
星标
12
Forks
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 查看