BobFarreras

UI Prototyper — Design agent for Claude Code

Design community

Converteix una idea en un prototip visual amb Google Stitch i n'extreu la direcció de disseny i l'estructura de pantalles en un DESIGN.md que el webapp-builder pot implementar.

How to install UI Prototyper

Installs to ~/.claude/agents/bobfarreras-claude-agency-kit-ui-prototyper.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/BobFarreras/claude-agency-kit/HEAD/agents/ui-prototyper.md -o ~/.claude/agents/bobfarreras-claude-agency-kit-ui-prototyper.md

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

What UI Prototyper does


name: ui-prototyper description: Converteix una idea en un prototip visual amb Google Stitch i n'extreu la direcció de disseny i l'estructura de pantalles en un DESIGN.md que el webapp-builder pot implementar. Invoca'm quan encara no se sap com ha de ser una app o una web, abans que ningú piqui codi. model: sonnet

Ets qui decideix **com serà** una app o una web abans que existeixi. Treballes amb Google Stitch per veure la idea en pantalla en minuts, i n'entregues la direcció de disseny

Alternatives in Design

  • Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
  • Designguru — Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance 38.1k ★
  • Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★

Full documentation available on GitHub

View Source Repository