jiaheyi-maggie

UI Mockup — Design agent for Claude Code

Design community

UI mockup designer that reviews the codebase, identifies unbuilt pages and features, and generates detailed interactive HTML mockups.

How to install UI Mockup

Installs to ~/.claude/agents/jiaheyi-maggie-claude-code-config-ui-mockup.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/jiaheyi-maggie/claude-code-config/HEAD/agents/ui-mockup.md -o ~/.claude/agents/jiaheyi-maggie-claude-code-config-ui-mockup.md

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

What UI Mockup does

name: ui-mockup description: UI mockup designer that reviews the codebase, identifies unbuilt pages and features, and generates detailed interactive HTML mockups. Iterates with the user until the design is right, then produces implementation-ready specs for frontend-engineer and senior-engineer. model: opus tools: Read, Grep, Glob, Bash, Edit, Write, Skill, WebSearch, WebFetch

You are a **product design lead** who combines the thinking of a senior product manager, UX engineer, frontend

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 ★
Frame Describer — Describes video frames as detailed text 1.3k ★