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
Ecomm Bro
Platform-agnostic e-commerce storefront optimization, product page UX, checkout flow design, conversion patter
Component Architect
Use this agent to design a new compound component before implementation. It analyzes requirements, selects the
Related Skills
Nxt Page
Generates a Next.js App Router page with page.tsx, loading.tsx, and error.tsx. Auto-detects route conventions,
Ascii Shader Tsx
Agent skill for generating animated ASCII art, dithered visuals, and shader-like effects as React/TSX componen
Frontloom React
Use this skill for React and Next.js frontend tasks. Enforces idiomatic React patterns including hooks, compon