ui-orchestrator

Route UI development tasks to specialized external skills via keyword-based rules.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/ab300819/skills --skill ui-orchestrator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-orchestrator
Source: https://github.com/ab300819/skills/tree/main/ui-orchestrator
Command: npx skills add https://github.com/ab300819/skills --skill ui-orchestrator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI开发任务常常分散在不同的外部技能之间,缺乏统一的路由与协作,导致上下文切换和交付周期拉长。

Core Features & Use Cases

  • 路由规则:根据任务类型把问题路由给最合适的外部技能(设计系统、组件原型、无障碍审核等)。
  • 可用性检测:检测所需技能是否已安装,缺失时提供安装指引。
  • 协调执行:协调任务转交并将结果聚合返回给用户。
  • 用例:在设计一个新仪表板时,将 UI 布局相关的问题路由给设计系统专家,将代码质量检查交给 baseline-ui 技能,将动画优化交给 motion-design 技能。

Quick Start

启动该技能前,确保所需的 UI 外部技能已安装。请给出一个清晰的 UI 任务描述,例如:“为一个响应式仪表板设计一个模块化设计系统并考虑无障碍要点。”

Frequently Asked Questions about ui-orchestrator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I route frontend UI tasks to specialized design skills?

Route frontend UI tasks by providing a clear task description so the orchestrator can enforce keyword-based routing and delegate the work to specialized external skills. It checks for installed skills and returns aggregated results to the user.

What is the best way to coordinate multiple UI design skills for a web project?

Coordinate multiple UI design skills by using an orchestrator that routes design system, component prototyping, and UI quality review tasks to the appropriate external skills, aggregating their outputs into a unified result.

Do I need specific external skills installed to manage UI workflows?

Yes, you need specific external skills installed to manage UI workflows. The orchestrator detects required skills and provides installation guidance if any necessary skill is missing before delegating tasks.

Can I use a single interface to handle both web and mobile frontend workflows?

Yes, you can use a single interface to handle both web and mobile frontend workflows. The orchestrator covers design systems, component prototyping, and UI quality reviews across different frontend project types.

How does an orchestrator handle missing dependencies during UI development?

An orchestrator handles missing dependencies by checking for installed skills and providing installation guidance if a required skill is missing. It prevents task delegation until the necessary environment is prepared.

When should I use a UI task router instead of manual skill switching?

Use a UI task router instead of manual skill switching when frontend tasks are scattered across different external skills and you need to reduce context switching and shorten delivery cycles.