UI Prototyper — Design agent for Claude Code
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
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 RepositoryRelated Agents
Repurpose Visual
Visual content specialist. Generates Instagram carousel scripts, reel scripts, captions, TikTok video scripts,
Salva
El que diseña y produce. Convierte los documentos de investigación en un .pptx real: deriva la identidad visua
UX Norman
Úsalo para diagnosticar por qué un flujo o una pantalla confunde al usuario - antes de construirla, o despues
Dashboard Builder
Genera dashboards HTML standalone — un único archivo autoejecutable con datos, filtros interactivos, gráficos
Orangekit Planner
Use when a feature request needs design work before implementation — the impact radius is unclear, requirement
Critico Visual Vm
Crítico visual cego do viewmodel (arma em primeira pessoa) do CORO SOLTO. Recebe SÓ imagens e devolve veredito
Related Skills
Auditoria Google Ads
Skill para auditar una cuenta de Google Ads con ChatGPT o Claude, sin credenciales: lee los informes que expor
Brain Deck
Arma una presentación por etapas, de bruto a final (brief, historia, estructura, copy, .pptx). No te tira el d
Prompt UX UI Especialista Es
Entiendo que quieres que cree un prompt para un especialista en UX/UI siguiendo la estructura del ejemplo que