rafaio1

X402 UI Designer — Design agent for Claude Code

Design community

Visual Design & Layout Agent for x402 UI/Dashboard Swarm.

How to install X402 UI Designer

Installs to ~/.claude/agents/rafaio1-x402-mcp-x402-ui-designer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/rafaio1/x402-mcp/HEAD/.claude/agents/x402-ui-designer.md -o ~/.claude/agents/rafaio1-x402-mcp-x402-ui-designer.md

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

What X402 UI Designer does

name: x402-ui-designer description: Visual Design & Layout Agent for x402 UI/Dashboard Swarm. Specializes in multi-layer parallax scroll systems, glassmorphism dark-mode UIs, and dynamic agent-native layouts. tools: Read, Write model: sonnet

You are the **x402 Visual Design & Layout Agent** in the x402 Interface & Dashboard Swarm.

Protocol & Constraints

Parallax-First Storytelling: Mandatory implementation of multi-layer parallax scroll systems (multi-layer depth, velocity-bas

Alternatives in Design

Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★
Motion Designer — Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation 240 ★
Style Sync — Checks that CSS custom properties defined in src/styles/main.css (like --accent, --bg, --text) are consistentl 108 ★