What is the Synthesis-Master architecture for UI?

It is a pattern where a single powerful agent handles the entire UI generation task from context to output, ideal for simpler components and rapid prototyping.

What tech stack are these UI patterns optimized for?

While the architectural concepts are framework-agnostic, the implementation examples focus on modern stacks like React, TypeScript, and Tailwind CSS.

Can these patterns be used for large design systems?

Yes, the Hierarchical Delegation pattern is specifically designed to manage complex pages and systems by breaking them into sub-tasks for parallel processing by specialized subagents.

How does a Specialized Agent Swarm improve UI quality?

It distributes tasks across specialized agents—such as Research, Design, and Review agents—ensuring each phase of development benefits from focused, domain-specific expertise.

Does this skill include support for accessibility?

Yes, it defines specific Review Agent roles and audit modes to verify accessibility (a11y) attributes and standards during the iterative refinement loop.

UI Agent Orchestration Patterns

Name: UI Agent Orchestration Patterns
Author: HermeticOrmus

byHermeticOrmus

•

디자인 도구

Orchestrates specialized AI agents to generate, refine, and maintain complex user interfaces using advanced architectural patterns.

This skill provides a comprehensive framework for scaling UI development by delegating tasks to specialized AI agents. It leverages Andrej Karpathy’s 'new programming vocabulary' to bridge the gap between AI capabilities and practical UI/UX workflows. Users can implement Synthesis-Master, Specialized Agent Swarms, or Hierarchical Delegation patterns to manage everything from atomic components to complex, multi-page design systems, ensuring production-grade code and design consistency through structured orchestration.

주요 기능

01Specialized agent roles for research, design, implementation, and quality auditing

02Multi-agent architectural patterns including Synthesis, Swarm, and Hierarchical Delegation

03Application of AI programming primitives (Subagents, Contexts, Hooks) to UI workflows

04Standardized design-to-code pipelines from natural language intent to deployed UI

05Iterative refinement loops with automated quality and accessibility thresholds

065 GitHub stars

사용 사례

01Automating the transition from design specifications to production-ready React and Tailwind code

02Building autonomous UI audit pipelines for accessibility, performance, and design fidelity

03Scaling UI generation beyond single-agent context limits using parallel agent workflows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add hermeticormus/libreuiux-claude-code ui-agent-patterns

For use in Claude.ai and ChatGPT

Download Skill