Generate Landing Page
generate_landing_pageGenerate a complete, self-contained HTML landing page from a product brief and brand colors. Includes responsive preview with inline CSS and vanilla JS—no external dependencies.
Instructions
Generate a complete, self-contained HTML landing page using Gemini. Returns inline preview with responsive viewport controls. No external dependencies; inline CSS and vanilla JS only.
Tool call template
Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.
{
"id": 1,
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"arguments": {
"brief": "<brief>"
},
"name": "generate_landing_page"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| brief | Yes | Description of the product/service and page goals | |
| companyName | No | Company or product name | |
| primaryColour | No | Primary brand colour (e.g. #3B82F6 or "deep blue") | |
| style | No | Visual design style | startup |
| sections | No | Sections to include (e.g. ["hero", "features", "pricing", "cta"]) | |
| model | No | Gemini model to use (defaults to configured default) | |
| outputPath | No | Optional file path to save the HTML (e.g. C:/dev/output/landing.html) |