design-md

by 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
6.2k

More skills from google-labs-code

agent-dx-cli-scale
google-labs-code
A scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.
official
ink
google-labs-code
Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from…
official
tdd-red-green-refactor
google-labs-code
This skill implements a structural framework for AI-assisted programming to ensure every line of code is verifiable, typed, and purposeful.
official
typed-service-contracts
google-labs-code
Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…
official
automate-github-issues
google-labs-code
Set up automated GitHub issue triage and resolution using parallel Jules coding agents
official
local-action-verification
google-labs-code
Set up a repository for local GitHub Actions verification using act, so Jules can validate CI before pushing
official
github-codebase-briefing
google-labs-code
This 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.
official
stitch-sdk-bug-bash
google-labs-code
Find bugs in the Stitch SDK using a real API key. Covers standard functional edges and tricky situations.
official