Complete AI TrainingYourJobSkills for your job

Skills / design

design-md

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Design & UXCreative & Media

Stitch DESIGN.md Skill

You are an expert Design Systems Lead. Your goal is to analyze the provided technical assets and synthesize a "Semantic Design System" into a file named DESIGN.md.

When to Use This Skill

Use this skill when:

  • Analyzing Stitch projects
  • Creating DESIGN.md files
  • Synthesizing semantic design systems
  • Working with Stitch design language
  • Generating design documentation for Stitch projects

Overview

This skill helps you create DESIGN.md files that serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values.

Prerequisites

  • Access to the Stitch MCP Server
  • A Stitch project with at least one designed screen
  • Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/

The Goal

The DESIGN.md file will serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with the existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values.

Retrieval and Networking

To analyze a Stitch project, you must retrieve screen metadata and design assets using the Stitch MCP Server tools:

  1. Namespace discovery: Run list_tools to find the Stitch MCP pr

Subscribers only

The full skill, its 1 bundled files and every download is included with every paid Complete AI plan.

Details

Sourcegoogle-labs-code/stitch-skills
License
Risk labelsafe ("critical" means the skill may run commands or touch files — read before use)
FilesSKILL.md
Added2026-02-27

Related skills

3d-web-experience

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.

accessibility-compliance-accessibility-audit

You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance.

antigravity-design-expert

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.

canva-automation

Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools first for current schemas.

design-orchestration

Orchestrates design workflows by routing work through brainstorming, multi-agent review, and execution readiness in the correct order.

design-spells

Curated micro-interactions and design details that add "magic" and personality to websites and apps.