skills.rest
gesmith0606
gesmith0606COMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-phase

Generate a validated UI-SPEC.md contract for a frontend phase.

Updated Aug 15, 2025
Search Tags:#ui#research#frontend#verification#workflow-orchestration#ui-spec#design-contract
One-click install
npx skills add https://github.com/gesmith0606/nfl_data_engineering --skill gsd-ui-phase-gesmith0606
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-phase
Source: https://github.com/gesmith0606/nfl_data_engineering/tree/main/.claude/skills/gsd-ui-phase
Command: npx skills add https://github.com/gesmith0606/nfl_data_engineering --skill gsd-ui-phase-gesmith0606

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill creates a formal UI design contract (UI-SPEC.md) for a frontend phase, removing ambiguity in phase planning and ensuring research and verification steps are executed and recorded.

Core Features & Use Cases

  • Phase validation: Auto-detects the next unplanned phase or accepts an explicit phase argument to ensure the correct scope is documented.
  • Orchestrated research and verification: Runs the gsd-ui-researcher and gsd-ui-checker workflows and preserves workflow gates to enforce review and sign-off.
  • Deliverable generation: Produces a standardized UI-SPEC.md contract stored alongside referenced execution context files for handoff to engineering and design teams.
  • Use Case: Kick off a new frontend iteration and automatically produce a vetted UI-SPEC.md that contains research findings, design decisions, and verification checklist items.

Quick Start

Generate a UI-SPEC.md for the next unplanned frontend phase, running research and verification and preserving workflow gates.

Frequently Asked Questions about gsd-ui-phase

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

FAQPage Schema
How do I generate a UI design contract for a frontend phase?▼

To generate a UI design contract, this Skill orchestrates research and verification steps to produce a validated UI-SPEC.md document for your frontend phase, removing ambiguity in planning and handoff.

What is a UI-SPEC.md file and when do I need it for frontend development?▼

A UI-SPEC.md is a formal UI design contract documenting research findings, design decisions, and verification checklists. You need it during phase-based UI development to ensure engineering and design teams have a vetted handoff.

How do I document UI research and verification for a design handoff?▼

You can document UI research and verification by running orchestrated workflows that automatically execute checks and preserve workflow gates, generating a standardized UI-SPEC.md file containing all validated findings and decisions.

Can I specify a particular frontend phase for UI planning, or is it auto-detected?▼

Yes, you can provide an explicit phase argument to scope the UI planning, or the system will auto-detect the next unplanned phase to ensure the correct scope is documented in the UI-SPEC.md.

Does this UI workflow orchestration tool enforce review and sign-off gates?▼

Yes, the workflow orchestration preserves workflow gates throughout the research and verification steps, enforcing formal review and sign-off before delivering the final UI design contract to engineering teams.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
FerroxLabsFerroxLabs
21

ferrox-ui-phase

Create a UI-SPEC.md design contract before frontend implementation begins.

Community
Intermediate
Poom5741Poom5741

gsd-ui-phase

Generate a standardized UI-SPEC.md for frontend phases.

Community
Advanced
zm2231zm2231

handoff-manager

Generate design handoff specifications with component specs, design tokens, and accessibility notes.

Community
Advanced