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.