workflow-planning-05-ui-design

Plan and delegate UI design workflows across designers and AI subagents.

Updated Feb 7, 2026
One-click install
npx skills add https://github.com/nechmads/blogging-system --skill workflow-planning-05-ui-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: workflow-planning-05-ui-design
Source: https://github.com/nechmads/blogging-system/tree/main/.codex/skills/workflow-planning-05-ui-design
Command: npx skills add https://github.com/nechmads/blogging-system --skill workflow-planning-05-ui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables UI design teams to plan, delegate, and orchestrate complex design work, aligning designers, product docs, and AI subagents to produce actionable outputs.

Core Features & Use Cases

  • Delegation workflow: Define how to assign design tasks to subagents or teammates, including passing context, assets, and acceptance criteria.
  • Phase planning: Outline MVP features and Phase 2+ deliverables with clear timelines and review checkpoints.
  • Asset generation & documentation: Specify steps for creating wireframes, design specs, and UI documentation, then compile final deliverables for handoff.

Quick Start

Plan a UI redesign sprint by outlining tasks, assigning to the ui-designer subagent, and generating a design spec set for MVP.

Frequently Asked Questions about workflow-planning-05-ui-design

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

FAQPage Schema
How do I plan and delegate a UI design workflow across multiple phases?

To plan and delegate a UI design workflow, you define phase-based deliverables for MVP and subsequent phases, assign tasks to designers or AI subagents, and set clear review checkpoints for handoffs.

How do I assign UI design tasks to an AI subagent with proper context?

You assign UI design tasks to an AI subagent by passing design context, required assets, and explicit acceptance criteria, ensuring the subagent generates wireframes, design specs, and UI documentation accurately.

What is phase-based UI design planning and when do I need it?

Phase-based UI design planning outlines MVP features and Phase 2+ deliverables with timelines. You need it for complex UI projects requiring clear handoffs, design system alignment, and structured asset generation.

Can I use this UI design delegation workflow for MVP sprints?

Yes, this UI design delegation workflow suits MVP sprints by outlining specific tasks, assigning them to the ui-designer subagent, and generating a complete design spec set for rapid MVP delivery.

What's the best way to orchestrate UI design handoffs between teammates and AI?

The best way to orchestrate UI design handoffs is establishing a delegation workflow that passes context and acceptance criteria, then compiling final deliverables like wireframes and design specs for teammate and AI review.

Does this workflow planning approach support generating UI documentation and design specs?

Yes, this workflow planning approach supports UI documentation by specifying steps to create wireframes and design specs, then compiling these final deliverables for seamless project handoff.