skills.rest
zerAda
zerAdaCOMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-phase

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

Updated Jan 21, 2026
Search Tags:#automation#workflow#frontend#ui design#design contract
One-click install
npx skills add https://github.com/zerAda/RestaurantAgentAutomation --skill gsd-ui-phase-zerada
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
yu13130122297yu13130122297

scout

Identify uncertainties in research framing, datasets, metrics, and baselines.

Community
Intermediate
MINT-IAMINT-IA

gsd-ui-phase

Generate UI-SPEC.md design contracts with phase objectives and verification steps.

Official
Intermediate
Poom5741Poom5741

gsd-ui-phase

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

Community
Advanced
alpoxdevalpoxdev
3

global-uiux-design

Orchestrate global UI/UX design tasks with WCAG 2.2 AA accessibility.

Community
Advanced