Stitch DESIGN.md From Project

This skill is a catalog-normalized import from https://github.com/google-labs-code/stitch-skills at commit 3f64079d75d025bc5890c73669f27c26a2d80b31, source path plugins/stitch-utilities/skills/design-md. The upstream control file was corrected for this workspace: the verified Stitch MCP surface here is design-system oriented, so screen lookup, screen generation, and screen editing tools must be used only when the current host explicitly exposes them.

When to Use This Skill

• Use when existing Stitch screens, screenshots, HTML, or metadata should become a DESIGN.md source of truth.
• The task involves Google Stitch project IDs, .stitch/ artifacts, DESIGN.md files, Stitch exports, or Stitch-specific validation.
• The broader stitch-design router points here as the narrowest workflow.

Workflow

1. Gather screenshots, exported HTML, design-system metadata, user descriptions, or host-listed screen retrieval output.
2. Do not assume this workspace exposes list_projects, list_screens, get_screen, or get_project.
3. Extract atmosphere, palette, typography, shape, elevation, components, layout, responsive behavior, and interaction states.
4. Translate CSS/Tailwind into descriptive names with exact values.
5. Write .stitch/DESIGN.md with project title and reusable prompting language.
6. Hand off to stitch-manage-design-system for upload.

Local Assets