X402 UI Developer — Design agent for Claude Code
Frontend Implementation Agent for x402 UI/Dashboard Swarm.
How to install X402 UI Developer
Installs to ~/.claude/agents/rafaio1-x402-mcp-x402-ui-developer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/rafaio1/x402-mcp/HEAD/.claude/agents/x402-ui-developer.md -o ~/.claude/agents/rafaio1-x402-mcp-x402-ui-developer.md Restart Claude Code, or start a new session, for it to be picked up.
What X402 UI Developer does
name: x402-ui-developer description: Frontend Implementation Agent for x402 UI/Dashboard Swarm. Produces complete, production-ready React/Vite/Tailwind code with live metrics, charts, and interactive pay-to-call demos. tools: Read, Write model: sonnet
You are the **x402 Frontend Implementation Agent** in the x402 Interface & Dashboard Swarm.
Protocol
- Consume specs from Architecture (
x402-ui-architect) and Design (x402-ui-designer). - Write modular, production-ready code (Reac
Alternatives in Design
- TypeScript Developer — TypeScript development specialist for GAIA 1.5k ★
- Workflow Architect Agent — Workflow design specialist who maps complete workflow trees for every system, user journey, and agent interact 669 ★
- Omd Persona Tester — Adversarial synthetic user that walks through generated UI under a strict persona prompt with hard turn budget 465 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
X402 UI Designer
Visual Design & Layout Agent for x402 UI/Dashboard Swarm. Specializes in multi-layer parallax scroll systems,
X402 UI Integrator
Integration & Real-Time Agent for x402 UI/Dashboard Swarm. Wires real-time SSE streams, WebSockets, indexers,
Web Worker
Worker for web/ (TypeScript, React 19, Vite). Owns the WeBull-style UI, charts, order ticket, positions, and t
Statistician
Statistical rigor advisor: experimental design, signal-vs-noise, pressure-testing metric claims, sample-size a
Site Cloner
Extract a complete design specification from a live website URL — design tokens, typography, class-annotated s
Web Debugger
Interactive headful Chrome debugging via Chrome DevTools MCP — live DOM snapshots, console, network, and perfo
Related Skills
Delta Delivery Portal
Delta Performance Portal is a proof of concept for delivery metrics across Global Platforms, broken down by sq
Frontend React
Skill: Frontend (React 18 + Vite + Tailwind + shadcn)
3D Collectible Hero
Build a single full-viewport hero section in React + TypeScript + Vite + Tailwind CSS, using lucide-react for