Agent skill · design visual · aiskillstore
design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Why this skill is useful
Adds specific procedures and commands for synthesizing a Semantic Design System from Stitch projects that the AI wouldn't reliably generate on its own.
What it needs
Requires stitch account access. About 4k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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. 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 listtools to find the Stitch MCP prefix. Use this prefix (e.g., mcpstitch:) for all subsequent calls. 2. Project lookup (if Project ID is not provided): Call [prefix]:listprojects with filter: "view=owned" to retrieve all user projects Identify the target project by title or URL pattern Extract the Project ID from the name field (e.g., projects/13534454087919359824) 3. Screen lookup (if Screen ID is not provided): Call [prefix]:listscreens with the projectId (just the numeric ID, not the full path) Review screen titles to identify the target screen (e.g., "Home", "Landing Page") Extract the Screen ID from the screen's name field 4. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/design-md