/gsd-ui-phase

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

Boost this skill

open-gsd@open-gsd

GitHub

From plugin

gsd-core

9.5k72 skills64 agents72 commands7 hooks

Install

$ npx -y skills add open-gsd/gsd-core --skill gsd-ui-phase --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/gsd-ui-phase

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

gsd-ui-phase.SKILL.md

name: gsd-ui-phase
description: "Generate UI design contract (UI-SPEC.md) for frontend phases"
argument-hint: "[phase]"
allowed-tools:
  - Read
  - Write
  - Bash
  - Glob
  - Grep
  - Agent
  - WebFetch
  - AskUserQuestion
  - mcp__context7__*

<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> @~/.claude/gsd-core/workflows/ui-phase.md @~/.claude/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>

Read it on GitHub ↗

Ships withgsd-core

Git. Ship. Done. A light-weight meta-prompting, context engineering, and spec-driven development system for Claude Code, OpenCode, Antigravity CLI, Kimi CLI, Kilo, Codex, Copilot, Cursor, Windsurf, and more.

Get the whole plugin

Stats

JavaScript Node HTML Bash Git

+3 tags

GitHub Anthropic MCP

9,447

Stars

682

Forks

Active

Maintenance

JavaScript