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

Omd UX Researcher — Reads the resolved oh-my-design reference catalog, researches competing services, validates Tier-1 official de 465 ★
Sketch — Authors one isolated representative candidate in an explicit structural or visual-study mode 190 ★
Code Storyteller — Explains code as a well-written narrative — from entry point to execution end, covering intent and design rath 100 ★