| 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
- Identify page type, audience, and conversion goal.
- Determine required sections and content hierarchy.
- Build a self-contained HTML file with embedded CSS.
- Use the team's design system tokens and component patterns.
- 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.