gsd-ui-phase

Generate structured UI-SPEC.md design contracts for frontend development phases.

1|Updated Apr 4, 2026
One-click install
npx skills add https://github.com/nnexai/git-stacks --skill gsd-ui-phase-nnexai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gsd-ui-phase
Source: https://github.com/nnexai/git-stacks/tree/main/.codex/skills/gsd-ui-phase
Command: npx skills add https://github.com/nnexai/git-stacks --skill gsd-ui-phase-nnexai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the manual overhead of drafting UI specifications by orchestrating a structured research and verification workflow between specialized AI agents.

Core Features & Use Cases

  • Automated UI-SPEC Generation: Creates standardized UI-SPEC.md files for frontend development phases.
  • Agent Orchestration: Coordinates research and verification agents to ensure design consistency and technical accuracy.
  • Use Case: When starting a new frontend feature, use this skill to automatically generate a design contract that aligns with your brand guidelines and project requirements.

Quick Start

Invoke the gsd-ui-phase skill by typing $gsd-ui-phase followed by the phase number to generate the design contract for that specific development stage.

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 frontend UI design contract generation for new features?

Automated UI design contract generation creates standardized UI-SPEC.md files by orchestrating specialized research and verification agents. This approach ensures design-to-code alignment, consistency with brand guidelines, and eliminates manual specification drafting overhead for frontend development phases.

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

A UI design contract is a structured UI-SPEC.md specification document defining interface requirements for frontend development phases. You need one when starting new frontend features to establish consistent design-to-code alignment, automate documentation, and enforce adherence to project-specific brand guidelines.

How do I generate UI specifications that align with my project's brand guidelines?

Generating brand-aligned UI specifications uses orchestrated research and verification agents to create structured UI-SPEC.md files. The multi-agent workflow automatically validates design consistency and technical accuracy against your project-specific brand guidelines throughout the frontend development phase.

Can I use multi-agent collaboration to create UI specifications for specific development stages?

Multi-agent collaboration for UI specifications coordinates research and verification agents across specific frontend development phases. You invoke the skill with a phase number to generate a tailored design contract that satisfies the requirements and technical constraints of that particular development stage.

Does automated UI specification generation work without manual documentation overhead?

Automated UI specification generation eliminates manual documentation overhead by orchestrating structured workflows between specialized AI agents. The process automatically produces standardized UI-SPEC.md files, handling research, verification, and brand guideline adherence without requiring manual drafting or review.