# Gsd UI Phase

> Generate UI design contract (UI-SPEC.md) for frontend phases

- Skill: `vs4vijay/gsd-ui-phase` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vs4vijay/gsd-ui-phase`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vs4vijay/gsd-ui-phase/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: vs4vijay (https://skillmd.com/u/vs4vijay)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vs4vijay/gsd-ui-phase

---


<objective>
Create a UI design contract (UI-SPEC.md) for a frontend phase.
Orchestrates gsd-ui-researcher and gsd-ui-checker.
Flow: Validate → Research UI → Verify UI-SPEC → Done
</objective>

<execution_context>
@/Volumes/Main/GitHub/vibecoding/skills/.opencode/gsd-core/workflows/ui-phase.md
@/Volumes/Main/GitHub/vibecoding/skills/.opencode/gsd-core/references/ui-brand.md
</execution_context>

<context>
Phase number: $ARGUMENTS — optional, auto-detects next unplanned phase if omitted.
</context>

<process>
Execute end-to-end.
Preserve all workflow gates.
</process>