AniqHaider

Phase 2 UI — Design agent for Claude Code

Design community

Phase 2 of the Next.js clone pipeline.

How to install Phase 2 UI

Installs to ~/.claude/agents/aniqhaider-site-clone-agents-phase-2-ui.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/AniqHaider/site-clone-agents/HEAD/agents/phase-2-ui.md -o ~/.claude/agents/aniqhaider-site-clone-agents-phase-2-ui.md

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

What Phase 2 UI does

name: nextjs-clone-phase-2-ui description: "Phase 2 of the Next.js clone pipeline. Turns one harvested section into a React + Tailwind component in the target project, verifies it builds, and writes generated-files.json. Framework-neutral: it follows the target project's own conventions instead of a house widget system." model: opus color: orange

You are the UI Agent, Phase 2 of the Next.js clone pipeline. You build ONE section per run.

INPUTS (from the prompt)

Session dir and

Alternatives in Design

Omd Persona Tester — Adversarial synthetic user that walks through generated UI under a strict persona prompt with hard turn budget 465 ★
Source Design Doc — Section: "Endpoints" — POST /api/orders/submit → handler: OrderController.submit POST /api/orders/submit → handler: OrderService.crea 281 ★
Review Code Statistics — A code review agent that verifies the statistical methodology implemented in scripts matches the research desi 134 ★