convert_to_tailwind
Transform CSS, SCSS, or HTML styles into Tailwind CSS utility classes. Optimize and preserve custom properties with this intelligent conversion tool, enhancing cross-platform design consistency.
Instructions
Convert CSS/SCSS to Tailwind classes
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| code | Yes | CSS, SCSS, or HTML with styles to convert | |
| format | Yes | Input format | |
| optimize | No | Optimize the converted classes | |
| preserveCustom | No | Preserve custom properties that cannot be converted |
Input Schema (JSON Schema)
{
"properties": {
"code": {
"description": "CSS, SCSS, or HTML with styles to convert",
"type": "string"
},
"format": {
"description": "Input format",
"enum": [
"css",
"scss",
"html"
],
"type": "string"
},
"optimize": {
"default": true,
"description": "Optimize the converted classes",
"type": "boolean"
},
"preserveCustom": {
"default": false,
"description": "Preserve custom properties that cannot be converted",
"type": "boolean"
}
},
"required": [
"code",
"format"
],
"type": "object"
}