---
name: zapier-html-mockup-builder
description: "Build self-contained HTML mockups from campaign, product, or page briefs."
license: "MIT"
metadata:
  decimalai-skill-id: "7530b45b-63c8-449f-9aec-d835af656bd9"
  decimalai-version-id: "88cdf3f2-0369-435a-813b-cb44e8d40832"
  decimalai-version: "1"
  decimalai-body-sha256: "15232bd2a72620afdafe40799625d2422247e6e80115f4a876de9aa094d05eb1"
  decimalai-name: "zapier/html-mockup-builder"
  decimalai-format: "1"
  decimalai-invocation: "model"
  decimalai-category: "frontend"
  decimalai-source: "https://app.decimal.ai/s/zapier-html-mockup-builder@1/SKILL.md"
---
# 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.