{
 "schema": "aiblocks-page/1",
 "id": "marketing-email-html-builder",
 "type": "workflow",
 "name": "Marketing email HTML builder",
 "summary": "Give it your copy and product photos. Get two HTML email designs, previews and a file kit you can edit.",
 "headline": "Marketing email HTML builder",
 "subhead": "Make two email looks from one clear brief.",
 "job": {
  "id": "write-emails",
  "name": "Write emails that get read"
 },
 "level": "intermediate",
 "thinking": "high",
 "tested": true,
 "updated": "2026-11-03",
 "first_published": "2026-10-25",
 "inputs": [
  {
   "type": "brief",
   "required": true,
   "label": "Brief",
   "what": "a creative brief: goal, audience, angle, offer, mandatory claims (by ID), formats"
  },
  {
   "type": "brand_brain",
   "required": false,
   "label": "Brand brain",
   "what": "the brand's facts, voice, products, offers (with effective dates), claims register, personas and look"
  },
  {
   "type": "product_photos",
   "required": true,
   "label": "Product photos",
   "what": "photos of the real product, labelled by angle and use"
  },
  {
   "type": "copy_draft",
   "required": false,
   "label": "Copy draft",
   "what": "a draft of any copy (ad, page, email or script) that a check or edit pass works on"
  },
  {
   "type": "reference_set",
   "required": false,
   "label": "Reference set",
   "what": "ads or pages chosen as references, by ID from the user's own connector, with each one's role"
  }
 ],
 "outputs": [
  {
   "type": "copy_draft",
   "required": true,
   "label": "Copy draft",
   "what": "a draft of any copy (ad, page, email or script) that a check or edit pass works on"
  },
  {
   "type": "page_layout_spec",
   "required": true,
   "label": "Page layout spec",
   "what": "a section-by-section layout for a page, with what each section holds"
  },
  {
   "type": "image",
   "required": true,
   "label": "Image",
   "what": "a finished picture"
  }
 ],
 "you_give": [
  "Campaign goal, audience, current offer terms and approved product facts.",
  "Brand colours, fonts, logo and real photos of the exact product.",
  "Existing copy or a brief, plus any cleared design references."
 ],
 "you_get": [
  "One copy deck and module map.",
  "Two HTML designs, a plain-text version and asset list.",
  "Preview/check results and a versioned handoff folder."
 ],
 "use_when": [
  "You have email copy or an angle and want a designed email.",
  "You need two visual directions for the same campaign.",
  "You want an editable HTML handoff for an email platform."
 ],
 "skip_when": [
  "You only need the email words: use the Campaign email writer.",
  "You want a layout plan for your own designer, not finished HTML: use the Email build brief writer.",
  "You already have a designed email and want it checked before sending: use the Email layout and delivery reviewer.",
  "You have no real photos of the product: you get a labelled wireframe, not product images."
 ],
 "output_sample": {
  "input": [
   "Your campaign goal, audience and offer terms, if there is an offer",
   "Your approved product facts and any email copy you already have",
   "Real photos of the exact product",
   "Your brand colours, fonts and logo",
   "One or two emails you like, only if you have the right to use them as references (optional)"
  ],
  "prerequisites": [
   "An AI that can read your files and photos",
   "A way to preview HTML, if you want rendered previews",
   "Test sends to your real email apps, since the AI cannot check inboxes"
  ],
  "output": [
   {
    "name": "brief.md",
    "contains": "Subject, preview text, the one action, approved copy by module, claim sources and open facts."
   },
   {
    "name": "email-a.html",
    "contains": "An editable HTML email in a house design direction, with real text for headlines, terms and buttons."
   },
   {
    "name": "email-b.html",
    "contains": "A second design from a cleared reference, with the same copy and a table of what was borrowed."
   },
   {
    "name": "Plain-text version",
    "contains": "The same email as plain text."
   },
   {
    "name": "Assets and usage notes",
    "contains": "The images used, where each goes and how, with a check that the product matches your photo."
   },
   {
    "name": "Previews and check log",
    "contains": "Renders at 600, 390 and 320 pixels and the checks that were really run."
   },
   {
    "name": "Open issues",
    "contains": "Anything not checked or missing, and the next version saved as v2 or v3 with a change note."
   }
  ]
 },
 "how_to_use": [
  "Download the complete pack and give its instructions to your AI.",
  "Provide the inputs listed here. Ask the AI to follow the method and return the stated outputs.",
  "The image round needs an image tool, such as ChatGPT or Gemini. Free plans have tight limits, and an image API key bills each picture. Without one, you get a labelled wireframe and the rest still runs.",
  "Check the result against the supplied facts before using it."
 ],
 "checks": [],
 "next": [
  {
   "name": "Email layout and delivery reviewer",
   "url": "https://useaiblocks.com/skills/email-design-checker",
   "why": "Email layout and delivery reviewer"
  }
 ],
 "source": null,
 "credits": [],
 "files": [
  "references/composition-checks.md"
 ],
 "links": {
  "page": "https://useaiblocks.com/workflows/marketing-email-html-builder",
  "markdown": "https://useaiblocks.com/workflows/marketing-email-html-builder.md",
  "json": "https://useaiblocks.com/workflows/marketing-email-html-builder.json",
  "instructions": "https://useaiblocks.com/skills/marketing-email-html-builder/SKILL.md",
  "download": "https://useaiblocks.com/skills/marketing-email-html-builder.zip",
  "api_item": "https://useaiblocks.com/api/v1/items/marketing-email-html-builder",
  "api_document": "https://useaiblocks.com/api/v1/documents/workflow/marketing-email-html-builder",
  "mcp": "https://useaiblocks.com/mcp"
 }
}