Owl-Listener

Design Builder — Design agent for Claude Code

Design community

Use this agent for building production-ready prototypes and implementations from design specs — assembling components into full pages, wiring up interactions, integrating with APIs, setting up project.

How to install Design Builder

Installs to ~/.claude/agents/owl-listener-designpowers-design-builder.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/Owl-Listener/designpowers/HEAD/agents/design-builder.md -o ~/.claude/agents/owl-listener-designpowers-design-builder.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Builder does

name: design-builder description: Use this agent for building production-ready prototypes and implementations from design specs — assembling components into full pages, wiring up interactions, integrating with APIs, setting up project scaffolding, and bridging the gap between design decisions and working software. Dispatch after the design-lead has made visual decisions and the motion-designer has defined animations. Use this instead of the built-in design-engineer when working within a Desi

Alternatives in Design

Browser Pilot — Playwright browser automation — navigate URLs, screenshot, interact with UI, check accessibility, capture cons 85 ★
Staff Engineer — Use this agent when you need production-ready software development with strategic system design and implementa 83 ★
Flutter UI Implementer — Use this agent when generating production-ready Flutter UI code from design specifications 42 ★