html-mockup-builder

name	html-mockup-builder
description	Build self-contained HTML mockups from campaign, product, or page briefs.

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.