refine_frontend
Refine existing HTML components by describing desired changes. Apply modifications to button colors, layout, or responsiveness without redesigning from scratch.
Instructions
Refine an existing component design based on feedback.
Use this tool to iterate on a design without starting from scratch. Send the previous HTML and describe the changes you want. All content will be generated in Turkish.
Args: previous_html: The existing HTML code to refine. This should be the complete HTML from a previous design_frontend or design_page call. modifications: Natural language description of desired changes. Examples: - "Buton rengini maviden yeşile çevir" - "Header'ı daha kompakt yap" - "Dark mode desteği ekle" - "Mobil responsive sorunlarını düzelt" - "Hover efektlerini daha belirgin yap" project_context: Optional project context for consistency.
Returns: Dict containing: - component_id: Identifier for the refined component - html: The modified HTML with TailwindCSS - changes_made: Summary of changes applied - design_notes: Explanation of modifications - model_used: Always gemini-3-pro-preview
Example: refine_frontend( previous_html='Gönder', modifications="Buton boyutunu büyüt ve hover efekti ekle" )
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| auto_fix | No | ||
| use_trifecta | No | ||
| modifications | Yes | ||
| previous_html | Yes | ||
| project_context | No | ||
| inject_js_fallbacks | No |