sg-ui-plan

Generate UI design brainstorming from a GSD phase in ROADMAP.md.

2|Updated May 15, 2026
One-click install
npx skills add https://github.com/gyuha/super-gsd --skill sg-ui-plan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sg-ui-plan
Source: https://github.com/gyuha/super-gsd/tree/main/skills/sg-ui-plan
Command: npx skills add https://github.com/gyuha/super-gsd --skill sg-ui-plan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It prevents UI design brainstorming from being disconnected from the current planning phase by pulling the right phase context and running a dedicated UI brainstorming workflow before the plan is generated elsewhere.

Core Features & Use Cases

  • Phase-aware UI brainstorming: Resolves the target phase from the provided argument or from .planning/STATE.md, then extracts the corresponding phase section from .planning/ROADMAP.md.
  • Superpowers integration: Runs superpowers:brainstorming using the extracted phase context, without invoking writing-plans afterward.
  • Workflow handoff tracking: Records a To: ui-plan entry into .planning/HANDOFF.md after brainstorming completes, enabling downstream orchestration.

Quick Start

Run sg-ui-plan for the current phase by calling /super-gsd:sg-ui-plan <phase> so it extracts that phase’s UI context from ROADMAP.md and completes a superpowers brainstorming session.

Frequently Asked Questions about sg-ui-plan

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

FAQPage Schema
How do I brainstorm UI design using phase context from a roadmap?

UI design brainstorming from phase context is done by resolving the target phase from STATE.md, extracting that section from ROADMAP.md, and running a superpowers brainstorming session. This ensures UI ideation aligns directly with the current planning phase.

What's the best way to run a UI brainstorming workflow without triggering writing-plans?

To run UI brainstorming without triggering writing-plans, execute a dedicated superpowers:brainstorming session using the extracted phase context. This isolated workflow completes the UI ideation and records a handoff entry without invoking downstream plan generation.

How does phase-aware UI design brainstorming resolve context when the phase is unspecified?

Phase-aware UI design brainstorming resolves context by reading the current phase directly from STATE.md when no phase argument is provided. It then extracts the corresponding phase section from ROADMAP.md to supply accurate context for the session.

Can I track workflow orchestration after completing a UI design brainstorming session?

Workflow orchestration tracking after UI design brainstorming is handled by appending a To: ui-plan handoff row into the HANDOFF.md file. This records the completed brainstorming session and enables downstream orchestration tools to pick up the phase context.

Why does my UI design brainstorming fail to extract the correct phase context?

UI design brainstorming fails to extract phase context when the target phase is missing from ROADMAP.md or STATE.md is unresolvable. The workflow handles these extraction errors by issuing warnings, ensuring the session continues without crashing the orchestration pipeline.