/html-mockup-builder

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

BOOST

zapier@zapier

GitHub

From plugin

gtm-cheat-codes

34321 skills

Install

$ npx -y skills add zapier/gtm-cheat-codes --skill html-mockup-builder --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/html-mockup-builder

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

html-mockup-builder.SKILL.md

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.