skills.rest
Pear-Commerce
Pear-CommerceOFFICIAL
Explore all skills by this author →
WebsiteGitHub

gsd-ui-phase

Generate standardized UI-SPEC.md design contracts for GSD frontend phases.

Updated May 15, 2026
Search Tags:#frontend#ui-design#phase-planning#agent-orchestration#ui-spec#design-contract#gsd-workflow
One-click install
npx skills add https://github.com/Pear-Commerce/pear-ai-skills --skill gsd-ui-phase-pear-commerce
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-phase
Source: https://github.com/Pear-Commerce/pear-ai-skills/tree/main/skills/gsd-ui-phase
Command: npx skills add https://github.com/Pear-Commerce/pear-ai-skills --skill gsd-ui-phase-pear-commerce

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the risk of inconsistent, incomplete UI design documentation for frontend project phases, which commonly leads to misalignment between design and engineering teams, costly rework, and delayed project delivery.

Core Features & Use Cases

  • Standardized UI Design Contracts: Automatically generates a formal UI-SPEC.md document for each frontend phase, ensuring all UI requirements, interaction flows, and brand guidelines are formally captured.
  • Agent Orchestration: Coordinates specialized UI researcher and checker agents to validate requirements, research appropriate UI patterns, and verify the final contract meets project and brand standards.
  • Use Case: For a new mobile checkout frontend phase, use this skill to automatically produce a complete UI-SPEC.md covering component specifications, user interaction flows, and brand compliance rules, removing the need for manual documentation work.

Quick Start

Use the gsd-ui-phase skill to generate a complete UI design contract for the next unplanned frontend phase of your GSD project.

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 standardized UI design contracts for frontend project phases?▼

You can generate standardized UI design contracts by orchestrating specialized UI researcher and checker agents to produce a formal UI-SPEC.md document, ensuring all UI requirements and interaction flows are formally captured for the frontend phase.

What is a UI design contract and when do I need one for frontend development?▼

A UI design contract is a formal UI-SPEC.md document that captures UI requirements, interaction flows, and brand guidelines. You need one for frontend GSD workflow phases to align engineering and design teams prior to execution and prevent costly rework.

How do I stop inconsistent UI design documentation from causing team misalignment?▼

To stop inconsistent UI design documentation from causing team misalignment, use an automated agent orchestration workflow that validates requirements and produces standardized, brand-compliant UI-SPEC.md design contracts before phase execution begins.

Can I use agent orchestration to verify brand compliance in UI specifications?▼

Yes, you can use agent orchestration to verify brand compliance in UI specifications by coordinating specialized UI researcher and checker agents that validate requirements and ensure the final UI-SPEC.md contract meets project and brand standards.

What is the best way to document UI requirements for a new mobile checkout frontend phase?▼

The best way to document UI requirements for a new mobile checkout frontend phase is to automatically produce a complete UI-SPEC.md covering component specifications, user interaction flows, and brand compliance rules, removing the need for manual documentation work.

Does gsd-ui-phase work for unplanned frontend phases in a GSD project?▼

Yes, gsd-ui-phase works for unplanned frontend phases in a GSD project by automatically generating a complete UI design contract and standardized UI-SPEC.md document to formally capture requirements before the phase begins.

Related Skills

Explore More Software Engineering Skills→
ThiagoVitaleThiagoVitale

gsd-ui-phase

Generate UI design contracts for frontend development phases.

Community
Advanced
aslaiiaslaii

gsd-ui-phase

Generate a UI-SPEC.md contract for frontend phases via gsd-ui-researcher and gsd-ui-checker.

Community
Intermediate
D0NMEGAD0NMEGA
8

gsd-ui-phase

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

Community
Intermediate
abdusamaraieabdusamaraie

designer

Create UI design specifications with theme tokens and RTL requirements.

Community
Intermediate