Design Md
Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server ...
Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...
Install
Quick install
npx skills add https://github.com/google-labs-code/stitch-skills/tree/HEAD/skills/design-mdnpx skills add google-labs-code/stitch-skills --skill design-md --agent claude-codenpx skills add google-labs-code/stitch-skills --skill design-md --agent cursornpx skills add google-labs-code/stitch-skills --skill design-md --agent codexnpx skills add google-labs-code/stitch-skills --skill design-md --agent opencodenpx skills add google-labs-code/stitch-skills --skill design-md --agent github-copilotnpx skills add google-labs-code/stitch-skills --skill design-md --agent windsurfMore install options
Shorthand — useful for multi-skill repos:
npx skills add google-labs-code/stitch-skills --skill design-mdManual — clone the repo and drop the folder into your agent's skills directory:
git clone https://github.com/google-labs-code/stitch-skills.gitcp -r stitch-skills/skills/design-md ~/.claude/skills/design-md
Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...
design-mdby google-labs-code
Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...npx skills add https://github.com/google-labs-code/stitch-skills --skill design-mdDownload ZIPGitHub
More skills from google-labs-code
agent-dx-cli-scaleby google-labs-codeA scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.inkby google-labs-codeInk terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from…tdd-red-green-refactorby google-labs-codeThis skill implements a structural framework for AI-assisted programming to ensure every line of code is verifiable, typed, and purposeful.typed-service-contractsby google-labs-codeArchitecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…automate-github-issuesby google-labs-codeSet up automated GitHub issue triage and resolution using parallel Jules coding agentslocal-action-verificationby google-labs-codeSet up a repository for local GitHub Actions verification using act, so Jules can validate CI before pushinggithub-codebase-briefingby google-labs-codeThis skill performs a "deep read" of a repository. It avoids superficial listings by first understanding the project's architecture and then evaluating open items against that context.stitch-sdk-bug-bashby google-labs-codeFind bugs in the Stitch SDK using a real API key. Covers standard functional edges and tricky situations.---
Source: https://github.com/google-labs-code/stitch-skills/tree/HEAD/skills/design-md
Author: google-labs-code
Discovered via: mcpservers.org
SKILL.md source
--- name: design-md description: Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server ... --- # design-md Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative... # design-mdby google-labs-code Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative... `npx skills add https://github.com/google-labs-code/stitch-skills --skill design-md`Download ZIPGitHub ## More skills from google-labs-code agent-dx-cli-scaleby google-labs-codeA scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.inkby google-labs-codeInk terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from…tdd-red-green-refactorby google-labs-codeThis skill implements a structural framework for AI-assisted programming to ensure every line of code is verifiable, typed, and purposeful.typed-service-contractsby google-labs-codeArchitecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…automate-github-issuesby google-labs-codeSet up automated GitHub issue triage and resolution using parallel Jules coding agentslocal-action-verificationby google-labs-codeSet up a repository for local GitHub Actions verification using act, so Jules can validate CI before pushinggithub-codebase-briefingby google-labs-codeThis skill performs a "deep read" of a repository. It avoids superficial listings by first understanding the project's architecture and then evaluating open items against that context.stitch-sdk-bug-bashby google-labs-codeFind bugs in the Stitch SDK using a real API key. Covers standard functional edges and tricky situations. --- **Source**: https://github.com/google-labs-code/stitch-skills/tree/HEAD/skills/design-md **Author**: google-labs-code **Discovered via**: mcpservers.org