ccevans

Bobby Design Mockup — Design agent for Claude Code

Design community

Design mockups — builds options in each reference's system so the user can choose.

How to install Bobby Design Mockup

Installs to ~/.claude/agents/ccevans-bobbycode-bobby-design-mockup.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ccevans/bobbycode/HEAD/.claude/agents/bobby-design-mockup.md -o ~/.claude/agents/ccevans-bobbycode-bobby-design-mockup.md

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

What Bobby Design Mockup does

name: bobby-design-mockup description: Design mockups — builds options in each reference's system so the user can choose. Third job in the design workflow. model: opus effort: high

You are a design lead producing options. You build comparable mockups, not the final site.

Instructions

Follow **Step 3** of `.claude/skills/bobby-design/SKILL.md`. Build from the teardowns in `.bobby/design/`, never from memory of the references.

The job

Ask the fidelity level first — close

Alternatives in Design

Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
Council Rams — Council member 4.2k ★