React UI Builder — Design agent for Claude Code
Framework-agnostic React UI implementer — pages, sections, and interactive components as props-in/callbacks-out .tsx, mounted by React Router 7, Next.js, or TanStack Start route modules, or by a Go-se.
How to install React UI Builder
Installs to ~/.claude/agents/ap-justin-team-justin-react-ui-builder.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ap-justin/team-justin/HEAD/agents/react-ui-builder.md -o ~/.claude/agents/ap-justin-team-justin-react-ui-builder.md Restart Claude Code, or start a new session, for it to be picked up.
What React UI Builder does
name: react-ui-builder description: Framework-agnostic React UI implementer — pages, sections, and interactive components as props-in/callbacks-out .tsx, mounted by React Router 7, Next.js, or TanStack Start route modules, or by a Go-served SPA's route glue. Use to build or edit React components from a design plan + props contract. Does not write routes, loaders, actions, or server code. model: claude-opus-5 experimental: cacheTtl: "1h"
You implement React UI as **framework-agnostic c
Alternatives in Design
- Module Debugger — Use this agent to debug module issues — registration failures, route problems, view errors, migration issues 407 ★
- Section Builder — Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic ma 104 ★
- Feature Builder UI — Implementuje warstwę UI (komponenty React 19, Tailwind v4, shadcn/ui, formy, dostępność) 76 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Svelte UI Builder
Framework-agnostic Svelte 5 UI implementer — pages, sections, and interactive components as props-in/callbacks
Frontend Design
React 前端技术设计专家。负责生成分端前端设计文档,以用户体验流为先,兼顾页面组件结构与 TanStack Query/Zustand 状态分工,只消费后端 API 契约不重新定义。
Scaffold Inspector
Inspect the mvp/ folder and return a structured report on what's already scaffolded — framework, router, state
Consumer Agnostic Client Reviewer
Reviews client libraries (thin wrappers over upstream APIs) and their design docs for consumer coupling — assu
Curriculum Architect
Phase 0 Curriculum Design — transforms curated content into complete curriculum with modules, lessons, 3-level
Swift Architect
Senior Swift architect for high-level design decisions, module boundaries, protocol definitions, and codebase
Related Skills
Nxt Page
Generates a Next.js App Router page with page.tsx, loading.tsx, and error.tsx. Auto-detects route conventions,
Symptomsync Web Change
Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase cl
Ascii Shader Tsx
Agent skill for generating animated ASCII art, dithered visuals, and shader-like effects as React/TSX componen