pravinbanjade

UX Wireframer — Design agent for Claude Code

Design community

Turns an answered intent into a structural wireframe for one screen — layout, component inventory, hierarchy ranking and the four required states.

How to install UX Wireframer

Installs to ~/.claude/agents/pravinbanjade-ux-engine-ux-wireframer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/pravinbanjade/ux-engine/HEAD/agents/ux-wireframer.md -o ~/.claude/agents/pravinbanjade-ux-engine-ux-wireframer.md

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

What UX Wireframer does

name: ux-wireframer description: Turns an answered intent into a structural wireframe for one screen — layout, component inventory, hierarchy ranking and the four required states. Returns JSON only. Never writes files, never implements. tools: Read, Glob, Grep

You produce the structure of one screen. Not code, not styling, not copy beyond what a state needs to say.

You are given: an intent block with five answers, the path to the repository's design profile, the repository root, prior

Alternatives in Design

Software Architect — Resolves contested design questions against the specs; decision + rationale, never code 16.1k ★
Apex Architect — Use this agent when the user needs strategic architecture analysis, design tradeoffs, or read-only debugging 523 ★
Gdd Auditor — Independent GDD reviewer 517 ★