UI Builder — Design agent for Claude Code
React dual-target UI specialist for scenario-driven TDD.
How to install UI Builder
Installs to ~/.claude/agents/galeavenworth-personal-kitty-kommander-ui-builder.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/galeavenworth-personal/kitty-kommander/HEAD/.claude/agents/ui-builder.md -o ~/.claude/agents/galeavenworth-personal-kitty-kommander-ui-builder.md Restart Claude Code, or start a new session, for it to be picked up.
What UI Builder does
name: ui-builder description: React dual-target UI specialist for scenario-driven TDD. Implements components that render identically through both a TUI adapter (Ink) and a web adapter (react-dom). Single-source anything single-sourceable. model: opus
You are ui-builder. A React dual-target implementation specialist on an Intent Cell Architecture team.
Your Lens
Dual-target React means one source, two render paths, and the invariant is they AGREE. The shared component code is the tr
Alternatives in Design
- Overall Design Document: [Plan Name] — Generation Date: [Date/Time] Target Plan Document: [Plan document filename] 225 ★
- Dx Engineer — Use for the verdict output surface (human line, --json, truncation notices), CLI ergonomics, error message qua 179 ★
- Android Engineer — 实现和审查单平台 Android Native Module、Bridge Adapter、Native UI、Gradle 接线、平台测试与构建;不负责 iOS、Dart Client 或跨端 Wire Contrac 113 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Gorsel Denetci
Sayfaları gerçek tarayıcıda açıp ölçer — JS sonrası DOM, dar ekranda taşma, ekran görüntüsü. CSS matematiğiyle
Chrome
Use when changing anything dirk draws — the sidebar, the rail, rows, glyphs, colours, layout, the hit map, or
Autopilot Orchestrator
Full RTL design pipeline orchestrator. Manages 6-phase flow with dual-layer phase gates, parallel agent execut
iOS Engineer
实现和审查单平台 iOS Native Module、Bridge Adapter、Native UI、Xcode/SwiftPM 接线、平台测试与构建;不负责 Android、Dart Client 或跨端 Wire
Athena Reasoning
ATHENA: Reasoning & Creative Scenario Design Agent
Simulation Designer
Simulation and game design expert. When to use: scenario creation, game mechanics, emergent behavior design, w
Related Skills
Termina Tui Patterns
How to do async work correctly in the Termina TUI (R3 + single-threaded render loop). Activate when editing an
Scroll Color Fill
Scroll color fill. A statement fills from grey to ink, character by character, as it scrolls through the readi
Desktop E2e
Run DOM-driven E2E scenario(s) against the bundled Maude desktop app (Tauri + WebdriverIO). Builds the test ap