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

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

Alternatives in Design

  • Opcode Web Server Design — This document describes the implementation of Opcode's web server mode, which allows access to Claude Code fro 21k ★
  • Frame Describer — Describes video frames as detailed text 1.3k ★
  • Template Cloner — Use this agent whenever Pulkit gives a UI template/website URL in the fable repo and wants it reproduced same 509 ★

Full documentation available on GitHub

View Source Repository