skills.rest
gabelul
gabelulCOMMUNITY
Explore all skills by this author →
Website𝕏@GabiExploresGitHub

stitch-mcp-update-design-system

Update existing Stitch design system assets via the update_design_system MCP tool.

38|5|Updated Feb 18, 2026
Search Tags:#mcp#ui-design#design-system#design-tokens#stitch#google-stitch#theme-update
One-click install
npx skills add https://github.com/gabelul/stitch-kit --skill stitch-mcp-update-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: stitch-mcp-update-design-system
Source: https://github.com/gabelul/stitch-kit/tree/main/skills/stitch-mcp-update-design-system
Command: npx skills add https://github.com/gabelul/stitch-kit --skill stitch-mcp-update-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates the need to fully recreate Stitch design systems from scratch when you only need to make targeted updates to theme properties, design tokens, or style guidelines for an existing system.

Core Features & Use Cases

  • Modify Existing Design System Properties: Update theme settings like color mode, fonts, roundness, and custom colors for any previously created Stitch design system.
  • Adjust Design Tokens & Guidelines: Edit CSS custom properties and style rules to align with brand refreshes, new product requirements, or updated design standards.
  • Use Case: If you have an existing SaaS dashboard design system and need to switch it to dark mode with a new indigo accent color, use this skill to apply the changes instead of deleting and rebuilding the entire system.

Quick Start

Use the stitch-mcp-update-design-system skill to update the dark mode theme and indigo accent color for your existing Stitch design system named 'assets/ds_abc123'.

Frequently Asked Questions about stitch-mcp-update-design-system

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

FAQPage Schema
How do I update an existing Stitch design system without rebuilding it?▼

To update a Stitch design system without rebuilding, you apply targeted modifications to theme properties, design tokens, or CSS custom properties using the update_design_system MCP tool, requiring only the existing asset name as a mandatory prerequisite.

Can I switch my Stitch design system to dark mode without deleting the original?▼

Yes, you can switch your Stitch design system to dark mode by applying a full replacement update to the visual configuration and theme settings via the update_design_system tool, preserving the original asset while changing its color mode.

What's the best way to change CSS custom properties in a Google Stitch design system?▼

The best way to change CSS custom properties is to execute a full replacement update to the Stitch design system asset, modifying style rules and design tokens to align with new brand requirements without recreating the system from scratch.

Do I need to recreate my Stitch design system to apply a new accent color?▼

No, you do not need to recreate your Stitch design system to apply a new accent color. You can modify existing design system properties like custom colors, fonts, and roundness through a targeted theme update.

What are the limitations of updating design tokens via the Stitch MCP tool?▼

A key limitation of updating design tokens via the Stitch MCP tool is that it executes full replacement updates, meaning the entire visual configuration is overwritten rather than applying granular, partial patches to individual style rules.

Related Skills

Explore More Design & Creative Skills→
gabelulgabelul
38

stitch-mcp-list-design-systems

List Stitch Design Systems and return their asset identifiers.

Community
Intermediate
micserrmicserr

toge:design-tokens

Manage design token usage with CSS custom properties and semantic tokens.

Community
Advanced
vobasevobase
59

teach-impeccable

Scan project files and write design context to CLAUDE.md.

Official
Intermediate
wshobsonwshobson
38.6k

visual-design-foundations

Apply typography, color, spacing, and iconography principles to create design tokens and style guides.

Community
Intermediate