gsd-ui-phase

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

8|Updated Apr 9, 2026

Search Tags:#workflow #frontend #verification #generate #ui-spec #design-contract #ui-research

Ready to run

npx skills add https://github.com/D0NMEGA/donnyclaude --skill gsd-ui-phase-d0nmega

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: gsd-ui-phase
Source: https://github.com/D0NMEGA/donnyclaude/tree/main/packages/skills/gsd-ui-phase
Command: npx skills add https://github.com/D0NMEGA/donnyclaude --skill gsd-ui-phase-d0nmega

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates a formal UI design contract (UI-SPEC.md) for a frontend phase, enabling consistent design guidance and automated checks across teams.

Core Features & Use Cases

Orchestrates end-to-end UI phase workflow by coordinating UI research and verification steps.
Generates UI-SPEC.md that captures UI requirements, branding constraints, and validation gates for a frontend phase.
Supports end-to-end execution with validation, research, and verification phases to ensure alignment before implementation.

Quick Start

Provide the phase number to generate its UI-SPEC.md.

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 specification contract for a frontend phase?▼

A UI specification contract standardizes UI design expectations by capturing requirements, branding constraints, and validation gates in a UI-SPEC.md file, ensuring consistent guidance and automated checks across frontend teams.

What is a UI-SPEC.md file used for in frontend workflow?▼

A UI-SPEC.md file is used to formalize UI design criteria for a specific frontend phase, capturing research-driven validation, phase sequencing, and brand alignment to preserve workflow gates before implementation begins.

How do I enforce brand alignment and validation gates before frontend implementation?▼

You enforce brand alignment and validation gates by generating a UI-SPEC.md contract that references local UI-brand resources and orchestrates automated verification to ensure design expectations are met before implementation.

Can I automate UI research and verification steps for frontend design phases?▼

Yes, you can automate UI research and verification by orchestrating gsd-ui-researcher and gsd-ui-checker modules through a generated UI-SPEC.md contract that coordinates end-to-end workflow execution across validation, research, and verification phases.

Does generating a UI design contract require any external dependencies?▼

Generating a UI design contract requires no external dependencies, relying solely on local UI-brand resources and integrated orchestration of research and verification steps to produce the UI-SPEC.md output for the specified phase.