create_layout
Generate responsive web layouts using Tailwind CSS by specifying layout type, sections, complexity, and target framework. Ideal for developers creating dashboards, landing pages, blogs, or e-commerce sites.
Instructions
Generate responsive layouts with Tailwind CSS
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| complexity | No | Layout complexity | medium |
| framework | No | Target framework | html |
| sections | Yes | Layout sections (header, sidebar, main, footer, etc.) | |
| type | Yes | Layout type |
Input Schema (JSON Schema)
{
"properties": {
"complexity": {
"default": "medium",
"description": "Layout complexity",
"enum": [
"simple",
"medium",
"complex"
],
"type": "string"
},
"framework": {
"default": "html",
"description": "Target framework",
"enum": [
"html",
"react",
"vue",
"svelte"
],
"type": "string"
},
"sections": {
"description": "Layout sections (header, sidebar, main, footer, etc.)",
"items": {
"type": "string"
},
"type": "array"
},
"type": {
"description": "Layout type",
"enum": [
"dashboard",
"landing",
"blog",
"ecommerce",
"portfolio",
"documentation"
],
"type": "string"
}
},
"required": [
"type",
"sections"
],
"type": "object"
}