gsd-ui-phase

Name: gsd-ui-phase
Availability: InStock
Author: zerada

Automate UI design contract generation and orchestrate validation sub-skills.

Updated Jan 21, 2026

Search Tags:#automation #workflow #frontend #ui design #design contract

Ready to run

npx skills add https://github.com/zerAda/RestaurantAgentAutomation --skill gsd-ui-phase-zerada

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: gsd-ui-phase
Source: https://github.com/zerAda/RestaurantAgentAutomation/tree/main/.agent/skills/gsd-ui-phase
Command: npx skills add https://github.com/zerAda/RestaurantAgentAutomation --skill gsd-ui-phase-zerada

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the generation of UI design contracts for frontend phases, reducing manual design work and improving consistency.

Core Features & Use Cases

Automate UI Design Contract Generation: Automatically create UI-SPEC.md files for frontend phases.
Orchestration of Sub-skills: Coordinates with gsd-ui-researcher and gsd-ui-checker for validation and verification.
Use Case: For a new frontend phase, use this Skill to automatically generate the design contract, ensuring that all UI components are aligned with the research and checks.

Quick Start

Generate the UI design contract for the frontend phase 5 using the gsd-ui-phase skill.

Frequently Asked Questions about gsd-ui-phase

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

FAQPage Schema

How do I automate UI design contract generation for frontend phases?▼

To automate UI design contract generation, use this Skill to orchestrate research and validation workflows. It automatically generates the UI-SPEC.md file for your frontend phases, ensuring UI components align with research and checks.

What is a UI design contract and when do I need it for frontend workflow?▼

A UI design contract defines UI specifications for frontend phases to ensure consistency. You need it when starting a new frontend phase to automatically align UI components with research and validation checks, reducing manual design work.

How to generate a UI-SPEC.md file for frontend phase 5?▼

To generate a UI-SPEC.md file, execute the gsd-ui-phase Skill for the specified frontend phase. It orchestrates the required workflows and references to produce the design contract automatically.

Do I need sub-skills to validate UI design contracts?▼

Yes, validating UI design contracts requires coordinating with gsd-ui-researcher and gsd-ui-checker. This Skill orchestrates these sub-skills to perform automated validation and verification during the contract generation process.

Can I use this Skill for manual UI design adjustments?▼

No, this Skill is designed to automate UI design contract generation and orchestrate sub-skills for validation. It focuses on reducing manual design work by generating UI-SPEC.md files through specified automated workflows.