skills.rest
aslaii
aslaiiCOMMUNITY
Explore all skills by this author →
GitHub

gsd-ui-phase

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

Updated Jan 28, 2025
Search Tags:#automation#workflow#design#ui#frontend#spec#contract
One-click install
npx skills add https://github.com/aslaii/dotfiles --skill gsd-ui-phase-aslaii
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsd-ui-phase
Source: https://github.com/aslaii/dotfiles/tree/main/claude/skills/gsd-ui-phase
Command: npx skills add https://github.com/aslaii/dotfiles --skill gsd-ui-phase-aslaii

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI teams often draft UI contracts for frontend phases from scratch, leading to inconsistent specs and wasted time. This skill automates the creation and orchestration of UI design contracts, standardizing outputs and speeding up design handoffs.

Core Features & Use Cases

  • Orchestrates gsd-ui-researcher and gsd-ui-checker to generate a complete UI-SPEC.md.
  • Produces a consistent specification across frontend phases (planning, design, validation) and ensures traceability.
  • Integrates with existing workflows to automate contract generation and review.

Quick Start

Provide the target phase identifier (e.g., "planning") to generate the UI-SPEC.md and run the end-to-end UI phase workflow.

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, provide a target phase identifier like planning to orchestrate research and validation workflows, outputting a complete UI-SPEC.md. This standardizes UI specifications and accelerates design handoffs.

What is the best way to standardize UI specifications across planning and validation workflows?▼

Standardizing UI specifications across workflows involves generating a consistent UI-SPEC.md that ensures traceability across planning, research, and validation phases. This prevents inconsistent specs and wasted time drafting contracts from scratch.

How do I generate a UI-SPEC.md for a frontend project?▼

You generate a UI-SPEC.md by supplying the target phase identifier for your frontend project. The workflow orchestrates UI research and checking components to produce the complete design contract automatically.

Do I need any dependencies to run the UI phase design workflow?▼

No external dependencies are required to run the UI phase design workflow. It operates autonomously to read workflow definitions, orchestrate its internal UI research and checking components, and output the final design contract.

Why does drafting UI contracts from scratch lead to inconsistent frontend specs?▼

Drafting UI contracts from scratch leads to inconsistent frontend specs because manual creation lacks standardized orchestration across planning, research, and validation phases. Automating the workflow ensures traceability and consistent specification outputs.

Related Skills

Explore More Design & Creative Skills→
learnzdevelopmenthublearnzdevelopmenthub
1

project-init

Initialize GitHub repositories into the Paadhai pipeline with .paadhai.json configuration.

Community
Advanced
gesmith0606gesmith0606

gsd-ui-phase

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

Community
Intermediate
GenproMMGenproMM

gsd-ui-phase

Generate UI design contracts as UI-SPEC.md for frontend phases.

Official
Intermediate
dobrinz123dobrinz123

gsd-ui-phase

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

Community
Intermediate