# HTML Mockup Builder

> Build self-contained HTML mockups from campaign, product, or page briefs.

- Skill: `zapier/html-mockup-builder` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add zapier/html-mockup-builder`
- Raw SKILL.md: https://api.skillmd.com/api/skills/zapier/html-mockup-builder/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: zapier (https://skillmd.com/u/zapier)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/zapier/html-mockup-builder

---


# HTML Mockup Builder

Use this skill to turn a web or campaign idea into a reviewable HTML artifact.

## Workflow

1. Identify page type, audience, and conversion goal.
2. Determine required sections and content hierarchy.
3. Build a self-contained HTML file with embedded CSS.
4. Use the team's design system tokens and component patterns.
5. Verify responsive behavior before sharing.

## Zapier MCP And SDK Role

- Use Zapier MCP to read briefs, approved assets, design guidance, and source copy.
- Use Zapier SDK for mockup request intake, artifact logging, and review routing when the workflow repeats.
- Do not publish, deploy, or use customer assets without approval.

## Guardrails

- Do not publish or deploy unless explicitly requested.
- Do not use unapproved customer logos or private screenshots.
- Keep the mockup reviewable and easy to edit.