stitch-ui-design-spec-generator

Installation
SKILL.md

Design Spec Generator

Constraint: Only use this skill when the user explicitly mentions "Stitch" or when orchestrating a Stitch design task.

This skill acts as a Creative Director. It takes a high-level user request and outputs a structured Design Specification.

Input

Input may be either:

  • User Request (one-shot): e.g., "A cyberpunk login page" or "A clean medical dashboard".
  • PRD document or PRD summary: When the user provides a PRD file path or pasted PRD content, first extract function overview and page/screen list (and any visual/theme preferences from non-functional requirements), then apply the Logic Rules below to produce the design spec. For the full PRD-driven workflow (spec-generator → framework spec → prompt-architect → MCP), see docs/prd-to-stitch-workflow.md.

Output Format (JSON)

The skill must produce a JSON block like this:

{
Related skills

More from teachingai/full-stack-skills

Installs
1
GitHub Stars
381
First Seen
Apr 6, 2026