stitch-design

Enhance prompts and generate PC and MOBILE design variants for Stitch MCP.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/lac-minh-studio/lacminh-web --skill stitch-design-lac-minh-studio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design
Source: https://github.com/lac-minh-studio/lacminh-web/tree/main/.github/skills/stitch-design
Command: npx skills add https://github.com/lac-minh-studio/lacminh-web --skill stitch-design-lac-minh-studio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch Design Prompt Enhancement solves the problem of translating fuzzy design intents into precise, design-system-aware prompts that consistently generate high-fidelity UI designs across desktop and mobile, while keeping a central DESIGN.md as the single source of truth for a project.

Core Features & Use Cases

  • Prompt enhancement: refines user intent into structured, professional terminology and design tokens, improving prompt clarity and consistency.
  • Dual-device generation: always produces PC (DESKTOP) and MOBILE variants per round, enabling side-by-side comparison and parity.
  • Design system synthesis: analyzes or leverages existing DESIGN.md to synthesize a living source of truth for visuals, tokens, and layout rules.
  • Iterative rounds & asset grounding: supports round-based prompt evolution with canonical titles, locked assets, and per-screen review artifacts.
  • Handoff-ready outputs: prepares round outputs and prompts suitable for Next.js handoff and design-system communication.

Quick Start

Provide an initial design prompt and let Stitch MCP generate PC and MOBILE variants, storing outputs under .stitch and updating DESIGN.md accordingly.

Frequently Asked Questions about stitch-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn vague design prompts into precise UI designs for desktop and mobile?

Prompt enhancement refines user intent into structured professional terminology and design tokens, generating both PC desktop and mobile UI variants per round to ensure side-by-side comparison and visual parity.

What is a design system markdown file and how does it support iterative UI generation?

A design system markdown file acts as a living source of truth for visuals, tokens, and layout rules, grounding new prompts to existing assets to ensure canonical round tracking and non-destructive edits across iterative review cycles.

How do I generate dual-device UI designs for a Next.js handoff?

Generate dual-device UI designs for Next.js handoff by processing an initial prompt through automated enhancement, yielding desktop and mobile variants with explicit prompts, tokens, and file outputs stored for Next.js integration.

Does this prompt enhancement workflow support round-based asset locking?

Yes, this prompt enhancement workflow supports round-based asset locking by maintaining canonical round tracking, locking assets per round, and creating per-screen review artifacts with separate logs to ensure non-destructive edits.

Can I use existing design tokens when generating new mobile and desktop variants?

Yes, you can use existing design tokens when generating new mobile and desktop variants. The workflow analyzes your existing design system markdown to ground new prompt generation in your established visual rules and tokens.