html-mockup-builder
Build self-contained HTML mockups from campaign, product, or page briefs.
npx skills add zapier/gtm-cheat-codes --skill html-mockup-builder --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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.
- Workflow
- Zapier MCP And SDK Role
- Guardrails
What does the html-mockup-builder skill do?
Build self-contained HTML mockups from campaign, product, or page briefs.
How do I install it?
Run `npx skills add zapier/gtm-cheat-codes --skill html-mockup-builder --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From zapier/gtm-cheat-codes, a repository with 318 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.