stitch-mcp-edit-screens

Modify existing Stitch UI screens via targeted text prompts.

38|5|Updated Feb 18, 2026
One-click install
npx skills add https://github.com/gabelul/stitch-kit --skill stitch-mcp-edit-screens
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-mcp-edit-screens
Source: https://github.com/gabelul/stitch-kit/tree/main/skills/stitch-mcp-edit-screens
Command: npx skills add https://github.com/gabelul/stitch-kit --skill stitch-mcp-edit-screens

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Regenerating existing Stitch UI screens from scratch takes 60–180 seconds and often overwrites intentional design choices users have already approved. This Skill eliminates that wait time by letting users make targeted, specific changes to pre-generated screens using natural language prompts.

Core Features & Use Cases

  • Targeted Screen Editing: Modify colors, layout, content, or style of existing Stitch screens without full regeneration.
  • Iterative Refinement Loops: Leverages output_components suggestions to chain small, focused edits until the design matches user expectations.
  • Use Case: After generating a Stitch dashboard, a user can request "change the background to dark mode and increase the header font size to 32px bold" and get an updated version in a fraction of the time of a full regeneration.

Quick Start

Use the stitch-mcp-edit-screens skill to update the background color of your existing Stitch mobile app screen to a dark navy shade and adjust the primary button color to bright teal.

Frequently Asked Questions about stitch-mcp-edit-screens

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

FAQPage Schema
How do I edit existing Stitch UI screens without regenerating the entire design?

Targeted text-prompt modifications let you edit existing Stitch UI screens by adjusting colors, layout, or content using natural language. This applies specific changes to pre-generated screens via Stitch MCP tools without triggering a full regeneration.

Does targeted screen editing require specific parameters to modify Stitch designs?

Yes, targeted screen editing requires valid projectId and screenId parameters to identify the exact pre-generated Stitch UI screen. It also supports iterative refinement through output_components suggestions for chaining focused design edits.

Why does regenerating Stitch UI screens take so long and how can I speed up design iteration?

Full Stitch UI screen regeneration takes 60–180 seconds because it rebuilds the entire design from scratch. Targeted text-prompt editing speeds up design iteration by applying specific modifications to existing screens in a fraction of that time.

Can I chain multiple small style adjustments during Stitch UI design refinement?

Yes, you can chain small style adjustments during Stitch UI design refinement by leveraging output_components suggestions. This iterative refinement loop applies focused text-prompt edits sequentially until the screen matches your design expectations.

What's the best way to change only the background color and font style of a pre-generated UI screen?

The best way to change specific attributes like background color and font style on a pre-generated UI screen is using targeted text-prompt modifications. This preserves your approved design choices while updating only the requested elements without full regeneration.