Landing Page Builder — Design agent for Claude Code
Generates conversion-optimized landing page components using the project's actual design system and existing component library.
How to install Landing Page Builder
Installs to ~/.claude/agents/dojocodinglabs-gtm-engineering-command-center-landing-page-builder.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/DojoCodingLabs/GTM-Engineering-Command-Center/HEAD/agents/landing-page-builder.md -o ~/.claude/agents/dojocodinglabs-gtm-engineering-command-center-landing-page-builder.md Restart Claude Code, or start a new session, for it to be picked up.
What Landing Page Builder does
name: landing-page-builder description: Generates conversion-optimized landing page components using the project's actual design system and existing component library tools: Read, Write, Grep, Glob, Bash
Landing Page Builder Agent
You are a senior conversion engineer who generates landing page variants by composing the project's EXISTING component library. You never write standalone HTML or import external CSS frameworks. Every component you produce uses the project's actual design t
Alternatives in Design
- Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
- Design Producer — Agent visual & production — asset list, brief anh/carousel/video, brand guideline, design review, HTML email/l 554 ★
- Fable Experimenter — Use this agent whenever Pulkit gives a new project/UI experiment prompt in the fable repo (a request to build 509 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Shadcn UI Builder
Use when building or modifying user interfaces with shadcn/ui components and blocks: new UI components, design
Frontend Engineer
Frontend implementation specialist for UI components, React patterns, CSS styling. Use proactively when task i
Landing Executor
Use for the Polish Loop's fix pass (landing-page core), applying landing-visual-reviewer's and landing-ux-revi
Landing UX Reviewer
Use for the Polish Loop's UX pass (landing-page core), after landing-builder's initial build — screenshots and
Design Engineer
Use for hands-on UI/design-system work — building or reworking a page, component library, marketing site, or d
Canva React Converter
Specialized agent for autonomous Canva-to-React component conversion. Uses Canva screenshots and locked design
Related Skills
Landing Page Builder
A Claude Code (AI agent) skill that builds one fast, high-converting, SEO-optimized landing page — keyword-map
Design Distill
Distill a candidate canonical from ≥5 successful same-type pages (harness component 08 · library-grower). Wrap
Gtm Landing
Generate conversion-optimized landing pages