html-mockup-builder
Build self-contained HTML mockups from campaign, product, or page briefs.
Skill by zapierOfficial
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/zapier-html-mockup-builder
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, marketing
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/html-mockup-builder
What's inside
- Skill name
html-mockup-builder- Description
- Build self-contained HTML mockups from campaign, product, or page briefs.
- License
- MIT
- Instructions
- 25 lines in SKILL.md · view on GitHub
Files (6)
- ONBOARDING-PROMPT.md
- README.md
- SCHEMA-MAP.md
- SETUP.md
- SKILL.md
- metadata.yaml
SKILL.md (first lines)
# 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.
From zapier/gtm-cheat-codes, MIT.
More from zapier/gtm-cheat-codes
- 0.697score
find-customer-social-proof
zapierOfficial
Find approved customer proof for campaigns, pages, decks, emails, and sales conversations.
SkillCFreshness: C★ 351Claude Code +9 - 0.697score
install-zapier
zapierOfficial
Install and connect Zapier, routing to the right surface (MCP, SDK, or CLI) for what the person needs.
SkillCFreshness: C★ 351Claude Code +9 - 0.694score
support-ticket-triage
zapierOfficial
Triage support tickets by pulling helpdesk context, searching issue trackers and knowledge bases in parallel, classifying the issue, and giving reps a…
SkillCFreshness: C★ 351Claude Code +9 - 0.694score
mcp-sheet-cache-bridge
zapierOfficial
Keep Zapier Tables or another MCP-connected record store as the source of truth while Google Sheets-based tools read an event-driven cache tab.
SkillCFreshness: C★ 351Claude Code +9 - 0.694score
customer-story-writer
zapierOfficial
Draft customer stories from approved transcripts, notes, briefs, quotes, and proof points.
SkillCFreshness: C★ 351Claude Code +9 - 0.694score
mcp-urgent-caller-triage
zapierOfficial
Prioritize inbound client calls by reading transcripts, classifying urgency, matching callers to legal client and matter context, and preparing a callback…
SkillCFreshness: C★ 351Claude Code +9 - 0.694score
campaign-postmortem
zapierOfficial
Build sourced campaign retrospectives from goals, launch context, performance data, team feedback, and follow-up actions.
SkillCFreshness: C★ 351Claude Code +9 - 0.694score
mcp-media-inbox-triage
zapierOfficial
Find media, partnership, and high-intent requests buried in a shared Gmail inbox, summarize the useful ones, and route them to the right owner through Zapier…
SkillCFreshness: C★ 351Claude Code +9 - 0.694score
cross-crm-opportunity-sync
zapierOfficial
Coordinate opportunities and customer records across multiple CRMs while preserving attribution, visibility, commissions, and governance.
SkillCFreshness: C★ 351Claude Code +9 - 0.694score
customer-deck-builder
zapierOfficial
Build tailored customer-facing sales or customer success decks from approved account context and generate the presentation with Gamma through Zapier MCP.
SkillCFreshness: C★ 351Claude Code +9 - 0.690score
mega-campaign-generator
zapierOfficial
Build review-first outbound campaign packages from source context for marketing and sales teams.
SkillCFreshness: C★ 351Claude Code +9 - 0.690score
named-account-trigger-radar
zapierOfficial
Identify named accounts with timely buying or expansion signals and recommend next actions.
SkillCFreshness: C★ 351Claude Code +9
Signals
- Stars
- 351
- Forks
- 21
- Open issues
- 0
- Last commit (this folder)
- May 19, 2026 (5 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/zapier/gtm-cheat-codes
- Website
- zapier.com/gtm-ops-guide
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from zapier
- 0.702score
zapier-demo
zapierOfficial
Walk a new user through setting up their first Zapier action and running it live — the smallest possible win.
SkillCFreshness: C★ 446Claude Code +9 - 0.702score
zapier-onboard
zapierOfficial
Onboard a new user to Zapier MCP — introduce what it can do, walk through authentication, and route into the right flow based on the state of their setup.
SkillCFreshness: C★ 446Claude Code +9 - 0.702score
zapier-explore
zapierOfficial
Explore what Zapier MCP can do for the user — interview them about their role and the apps they live in, suggest specific use cases as on-demand prompts, then…
SkillCFreshness: C★ 446Claude Code +9 - 0.702score
zapier-status
zapierOfficial
Check the health of your Zapier MCP setup.
SkillCFreshness: C★ 446Claude Code +9 - 0.697score
find-customer-social-proof
zapierOfficial
Find approved customer proof for campaigns, pages, decks, emails, and sales conversations.
SkillCFreshness: C★ 351Claude Code +9 - 0.697score
install-zapier
zapierOfficial
Install and connect Zapier, routing to the right surface (MCP, SDK, or CLI) for what the person needs.
SkillCFreshness: C★ 351Claude Code +9
Cite this page
html-mockup-builder skill. Agent Mart. https://agentmart.dev/skills/zapier-html-mockup-builder (last updated 2026-10-24)