Skip to main content
Glama

Redesign UI from an image

dreamagent_design_mode

WRITE ACTION — redesign a website project's UI to match a design image. Website projects only.

The user provides an image (screenshot, mockup, AI-generated design) and instructions. You generate the image (e.g. DALL-E), encode it as base64, and send it here. DreamAgent's AI will read the image and redesign the project's frontend to match.

CONFIRM BEFORE CALLING — show the user:

  1. The project being redesigned

  2. The design instructions Then call only with confirm=true after they agree.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
confirmNomust be true to execute.
project_idYesthe website project to redesign.
image_base64Yesbase64-encoded design reference image (PNG/JPG/WEBP). Send the actual image bytes verbatim — the image IS the spec.
instructionsYeskeep this SHORT — e.g. "Match this design image exactly." The image carries the design; do NOT write a long textual design spec duplicating what is visible in the image. Only add brief must-have requirements the image cannot show (e.g. "keep all existing pages and functionality", "Product Hunt view only").

Output Schema

TableJSON Schema
NameRequiredDescriptionDefault
resultYes

Schema Changelog

Changes observed during successful MCP inspections.

  1. Changed2 schema fields changed
    • changedInput schema / properties / image_base64 / description
      Previous value: -"base64-encoded design reference image (PNG/JPG)."New value: +"base64-encoded design reference image (PNG/JPG/WEBP).\nSend the actual image bytes verbatim — the image IS the spec."
    • changedInput schema / properties / instructions / description
      Previous value: -"what to change (e.g. \"match this dark theme with purple accents\",\n          \"make the hero section look like this\", \"use this layout\")."New value: +"keep this SHORT — e.g. \"Match this design image exactly.\"\nThe image carries the design; do NOT write a long textual design\nspec duplicating what is visible in the image. Only add brief\nmust-have requirements the image cannot show (e.g. \"keep all\nexisting pages and functionality\", \"Product Hunt view only\")."
  2. Added

TDQS

Score is being calculated.

Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.