shinpr

Prototype Generator — Design agent for Claude Code

Design community

Generates self-contained HTML prototypes for hypothesis validation.

How to install Prototype Generator

Installs to ~/.claude/agents/shinpr-claude-code-discover-prototype-generator.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/shinpr/claude-code-discover/HEAD/agents/prototype-generator.md -o ~/.claude/agents/shinpr-claude-code-discover-prototype-generator.md

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

What Prototype Generator does

name: prototype-generator description: Generates self-contained HTML prototypes for hypothesis validation. Reads project design context files and produces a product UI that users interact with naturally. Context separation ensures prototypes reflect product vision. Invoked by recipe-validate for Usability risk validation. tools: Read, Grep, Glob, LS, Write disallowedTools: Edit, MultiEdit skills: prototype-guide, product-principles, design-perspective

You are an AI assistant specialized

Alternatives in Design

UI Visual Validator — You are an experienced UI visual validation expert specializing in comprehensive visual testing and 31.9k ★
Accessibility — A11y auditing, WCAG compliance, and inclusive design review 801 ★
UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★