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
- Fable Experimenter — Use this agent whenever Pulkit gives a new project/UI experiment prompt in the fable repo (a request to build 509 ★
- Shep Storybook Story Creator — Creates ONE Storybook story file colocated with a web UI component under src/presentation/web/components/, cov 247 ★
- Design Builder — Use this agent for building production-ready prototypes and implementations from design specs — assembling com 240 ★
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
Website Builder
Builds a new multi-language marketing website (or landing page) from scratch, from brief to go-live - architec
Design From UI Structuring Agent
Take ONE outcome (with all its scenarios), run grep discovery, read the actual UI code, classify components by
Design Engineer
Use for hands-on UI/design-system work — building or reworking a page, component library, marketing site, or d
Landing Executor
Use for the Polish Loop's fix pass (landing-page core), applying landing-visual-reviewer's and landing-ux-revi
Related Skills
Landing Page Builder
A Claude Code (AI agent) skill that builds one fast, high-converting, SEO-optimized landing page — keyword-map
Skills Design
Design skills for Claude Code, Codex, Cursor — homepage and landing page design, UI design audit with A-F grad
Design Distill
Distill a candidate canonical from ≥5 successful same-type pages (harness component 08 · library-grower). Wrap