skills.rest
belluga
bellugaOFFICIAL
Explore all skills by this author →
GitHub

stitch-mcp-design-workflow

Coordinate UI exploration and design-system iteration with Stitch MCP.

Updated Nov 7, 2025
Search Tags:#design-system#design governance#stitch-mcp#ui exploration#screen variants#prototype workflow
One-click install
npx skills add https://github.com/belluga/delphi-ai --skill stitch-mcp-design-workflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-mcp-design-workflow
Source: https://github.com/belluga/delphi-ai/tree/main/.cline/skills/stitch-mcp-design-workflow
Command: npx skills add https://github.com/belluga/delphi-ai --skill stitch-mcp-design-workflow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch MCP design workflow coordinates UI exploration and safe design-system iteration, preventing unintended production changes and guiding teams through a controlled discovery process.

Core Features & Use Cases

  • Guides UX exploration, concept screen creation, and design-system changes using the Stitch MCP.
  • Enforces safe tool sequencing, read-only-first exploration, and explicit mutation handling to avoid drift.
  • Use Case: Evaluate IA and navigation options in isolated exploration projects before integrating into production work.

Quick Start

Start a Stitch MCP UI exploration session against a target project and apply design-system changes as isolated experiments.

Frequently Asked Questions about stitch-mcp-design-workflow

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

FAQPage Schema
How do I test UI design-system changes without affecting production work?▼

Evaluate IA and UI exploration safely by using Stitch MCP to run isolated exploration projects, ensuring concept screen creation and design-system changes do not alter your main production work.

What is the best way to sequence design tools for safe UI exploration?▼

Apply a read-only-first approach followed by explicit mutation handling and fallback strategies to ensure safe sequencing of UI exploration tools and prevent unintended production changes.

Can I evaluate information architecture in isolated exploration projects?▼

Yes, you can evaluate IA and navigation options in isolated exploration projects using Stitch MCP to plan concept screens and apply design-system iterations without drifting your main workspace.

How do I create screen variants without causing design-system drift?▼

Create screen variants without drift by applying design-system changes as isolated experiments in Stitch MCP, using ID handling and controlled tool sequencing to prevent unintended modifications to the main project.

When should I use a non-destructive prototype workflow for UX design?▼

Use a non-destructive prototype workflow when planning concept screens or iterating design systems, ensuring mutating tools and fallback strategies keep your primary production environment intact during UX exploration.

Related Skills

Explore More Design & Creative Skills→
Nickalus12Nickalus12
2

perf-check

Identify performance hotspots and regressions in Loom-style codebases.

Community
Intermediate
do-ob-iodo-ob-io

creative-frontend-design

Generate accessible HTML/CSS/JS frontend interfaces with distinctive typography, color, and motion.

Official
Basic
DYAI2025DYAI2025

theme-consistency

Enforce theme.yaml values and CSS variables across prototype screens.

Community
Intermediate
dmedina-devdmedina-dev
1

ui-forge

Generate HTML UI screen variations and reusable component catalogs from declarative schemas.

Community
Advanced