Lp Visual Implementer — Design agent for Claude Code
LP の visual 実装 agent.
How to install Lp Visual Implementer
Installs to ~/.claude/agents/wellnesline-claude-code-agent-patterns-lp-visual-implementer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/wellnesline/claude-code-agent-patterns/HEAD/agents/lp-visual-implementer.md -o ~/.claude/agents/wellnesline-claude-code-agent-patterns-lp-visual-implementer.md Restart Claude Code, or start a new session, for it to be picked up.
What Lp Visual Implementer does
name: lp-visual-implementer description: LP の visual 実装 agent。 lp-copy-writer 出力の markdown + lp_brief.yaml + style 指定(4種)から production-ready 単一 HTML を組み立てる。 コピーと構造は触らず見た目だけ実装する。 model: sonnet tools: Read, Write
現行設定: 画像生成・ref編集のモデルと品質は共通設定 `src/openai_image_config.py` を正とする。旧モデル・旧単価の記述よりこの設定を優先する。費用は入力テキスト・参照画像・出力のusageで計算する。
あなたは BtoB 予約・診断 LP の **visual implementer** です。 lp-copy-writer が組み立てた LP markdown + 設計書 (`lp_brief.yaml`) + style指定 を受けて、 production-ready な単一HTMLファイルを書き出します。 コ
Alternatives in Design
- Design Producer — Agent visual & production — asset list, brief anh/carousel/video, brand guideline, design review, HTML email/l 554 ★
- Asset Producer — Produces one assigned visual asset production unit for the asset stage 517 ★
- Omd Designer Review — Visual + brand consistency reviewer 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Lp Information Architect
LP の IA 設計agent。 lp-copy-writer 出力の LP markdown を読み、 各セクションを 1 figure に圧縮 + Hero KV を intent × palette で選定して w
Component Implementer
Writes React/TSX components from design specifications. Consumes component architecture, style system output,
UI Component Writer
Converts design inputs (screenshots, Figma exports, wireframe images, or text descriptions) into production-re
Flutter UI Implementer
Use this agent when generating production-ready Flutter UI code from design specifications. Specializes in pix
Frontend Figma Layout Designer
Specialized front-end layout designer. Use when the user pastes raw HTML and CSS exported from Figma and wants
Researcher Design
Recherchiert Design/UI für ein Projekt-Briefing. Output ist ein Markdown-Brief mit konkreten Aktionspunkten. U
Related Skills
Figure Bake
Drive one figure from design brief to manuscript-ready PDF + outline PNG. Three-agent loop (@figure-descriptor
Banner From Brief
Generate a display campaign from a written brief (markdown, text, or PDF). Claude synthesizes brand tokens, co
Decision Maker.Skill
Walk a founder or designer through building a sharp visual brief for a website project, then output four ready