stitch-design

Convert vague UI requests into structured Stitch-ready prompts and design pipelines.

Updated Jan 24, 2026
One-click install
npx skills add https://github.com/Ikki-Group/erp --skill stitch-design-ikki-group
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-design
Source: https://github.com/Ikki-Group/erp/tree/main/.agents/skills/stitch-design
Command: npx skills add https://github.com/Ikki-Group/erp --skill stitch-design-ikki-group

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Stitch design tasks are often fragmented across prompts, design-system references, and production-ready screens. This Skill unifies these parts into a single, coherent workflow that starts with enhanced prompts and ends with ready-to-use designs.

Core Features & Use Cases

  • Prompt Enhancement: transform vague phrases into structured prompts with design-system context.
  • Design System Synthesis: generate or update .stitch/DESIGN.md to maintain a single source of truth.
  • Workflow Routing: intelligently select the appropriate Stitch MCP workflow (text-to-design, edit-design, or generate-design-md) based on user intent.
  • Asset Management: automatically download HTML and screenshots to the .stitch/designs directory.
  • Use Case: a design team can quickly convert a rough concept into a production-ready screen aligned with the project’s design language.

Quick Start

Describe your design goal with any reference design system and desired vibe to trigger prompt enhancement.

Frequently Asked Questions about stitch-design

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

FAQPage Schema
How do I convert vague UI requests into structured design prompts?

To convert vague UI requests into structured design prompts, this Skill enhances your input by injecting design-system context and routing the intent to the appropriate Stitch MCP workflow. This process ensures your rough concepts become structured prompts ready for high-fidelity generation.

How does design-system synthesis maintain visual consistency across UI projects?

Design-system synthesis maintains visual consistency by generating or updating a .stitch/DESIGN.md file. This file acts as a single source of truth, applying design tokens and guidelines across all generated screens to ensure a coherent visual language.

What is the best way to manage HTML and screenshot assets from Stitch workflows?

The best way to manage HTML and screenshot assets is through automatic downloading. The workflow routes your intent, generates the design, and automatically saves the resulting HTML and screenshots directly to the .stitch/designs directory for easy access.

Do I need an existing design system to generate production-ready screens?

You do not need an existing design system to generate production-ready screens. You can describe your design goal and desired vibe, and the Skill will synthesize a new design system or update an existing one to align the output with your project's language.

When should I use text-to-design versus edit-design MCP workflows?

Use text-to-design to create new screens from scratch, and edit-design to modify existing ones. The Skill intelligently routes your intent to the correct Stitch MCP workflow based on whether you are generating a new interface or updating an existing design.