App UI Module Agent — Design agent for Claude Code
Build ONE frontend feature module of an application from a set of assigned functional-graph outcomes.
How to install App UI Module Agent
Installs to ~/.claude/agents/accionlabs-breezeai-claude-plugin-app-ui-module-agent.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/accionlabs/breezeai-claude-plugin/HEAD/agents/app-ui-module-agent.md -o ~/.claude/agents/accionlabs-breezeai-claude-plugin-app-ui-module-agent.md Restart Claude Code, or start a new session, for it to be picked up.
What App UI Module Agent does
name: app-ui-module-agent description: Build ONE frontend feature module of an application from a set of assigned functional-graph outcomes. Reads every Outcome → Scenario → Step → Action for the assigned outcomes (via the Breeze functional-graph MCP tools) so that every action becomes a real UI behaviour, then writes a self-contained, type-checking React/Vue/Angular module into its own folder following the shared conventions in the project's AGENT_GUIDE.md — using only the pre-built design
Alternatives in Design
- Designguru — Expert Design Guidance & Analysis Specialist who provides professional UI/UX insights, design system guidance 38.1k ★
- Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
- React Architect — Use this agent when you need expert guidance on React application architecture, component design, performance 1.2k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Design From UI Structuring Agent
Take ONE outcome (with all its scenarios), run grep discovery, read the actual UI code, classify components by
UI Explorer
Drive and explore a native macOS app's GUI (screenshot → click/type → observe) and correlate each action with
Ix Architecture Auditor
Analyzes system design quality — coupling, cohesion, smells, hotspots. Produces a ranked list of improvement a
Stx Dev Tier UI
UI-tier Dev prelude for /stx-feature waves. Overrides stx-dev-base with rules for React + Tailwind + shadcn, a
Go Architect
Design and plan Go application architecture and module structure
Hierarchy Critic
Specialist critic for visual hierarchy and information density. Audits a single design against ONLY the assign
Related Skills
Analyzing Systemic Governance Loops 20260822
Diagnosing functional failure by interrogating underlying structural mechanics rather than observed behavior o
Outcome Pro
Assess business, product, marketing, engineering, and operational outcomes against intent using authorized agg
Codemap Skill
🧹 A code janitor for AI agents — map any codebase into functional modules, score every module 0-100 for tech