agentsclimarketplace
Sign in

Html mockup builder

Skill zapier/gtm-cheat-codes/skills/marketing/html-mockup-builder

Build self-contained HTML mockups from campaign, product, or page briefs.From its SKILL.md

Install
npx -y skills add zapier/gtm-cheat-codes --skill html-mockup-builder

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.0 KB, 183 tokens by cl100k_base, as published. Nobody here has run it

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.

What ships with it: 5 files

3.4 KB alongside SKILL.md

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.