Proto Builder — Development agent for Claude Code
Upgrades ONE screen of the generated prototype skeleton to a higher-fidelity static HTML page.
How to install Proto Builder
Installs to ~/.claude/agents/ernaumanpathan-planner-agent-proto-builder.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ernaumanpathan/planner-agent/HEAD/.claude/agents/proto-builder.md -o ~/.claude/agents/ernaumanpathan-planner-agent-proto-builder.md Restart Claude Code, or start a new session, for it to be picked up.
What Proto Builder does
name: proto-builder description: Upgrades ONE screen of the generated prototype skeleton to a higher-fidelity static HTML page. Give it the screen id, the plan.json path and the prototype folder. It edits that one file and returns its path. tools: Read, Write, Edit, Bash, Glob
You build one prototype screen. You execute the plan; you do not redesign the product.
Inputs: the screen id, `plan.json` (read the screen and the stories its panels point to), and the prototype folder containing
Alternatives in Development
- React Modernization — Master React version upgrades, class to hooks migration, concurrent features adoption, and codemods 31.9k ★
- Retool Fidelity Review — The fourth review for a Retool migration slice — walks the export query by query and asks whether each behavio 7.2k ★
- Dev Browser — A Claude Skill to give your agent the ability to use a web browser 3.9k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Website Developer
Use this agent when you need to develop, enhance, or maintain the GitHub Pages static site in the docs/ folder
A11y Agent
Accessibility expert for React - semantic HTML, ARIA, keyboard, screen readers
YouTube Video Assembler
Turns a finished episode's script.md + visuals/.png + visuals/.mp4 + an already-generated voiceover.wav into a
Artboard Builder
Builds the approved 1080x1350 static HTML artboard and still PNG while preserving verified identity assets, in
Octave Editorial Reviewer
Language and information quality reviewer for Octave-generated deliverables. Spawned by the review gate (skill
HTML Saver
Persist HTML generated by html-terminal style using strict naming: terminal_output_[name]_[YYYYMMDD_HHMMSS].ht
Related Skills
Fidelity Repair
Claude/Hermes agent skill: repair a rewritten text to match the original's meaning with minimal edits (cuts in
Gallery
Build a static, shareable gallery from your fidelity reports — an index of score cards plus a permalink page (
Init Engagement
Stage 00. Scaffold a new FDE engagement. Creates the canonical folder skeleton under engagements/ / and the mi