Extract design tokens from Stitch projects into a DESIGN.md file.
npx skills add https://github.com/seflless/dot-agents --skill design-md-seflless
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/seflless/dot-agents/tree/main/skills/design-md Command: npx skills add https://github.com/seflless/dot-agents --skill design-md-seflless
Analyze Stitch projects to synthesize a semantic design system into DESIGN.md files, providing a single source of truth for prompting Stitch to generate screens that align with an existing design language.
Generate a DESIGN.md by analyzing the provided Stitch project and extracting color, typography, and component tokens.
High-intent search queries and answers about installing and using this skill.
To extract design tokens from a Stitch project, this Skill fetches project metadata and parses assets to generate a DESIGN.md containing precise hex color codes, typography rules, spacing, and component patterns.
A DESIGN.md file acts as the single source of truth for prompting Stitch to generate new screens. It ensures consistent UI generation by providing layout guidelines and semantic design tokens extracted from existing project assets.
Yes, you can analyze Stitch projects that have at least one screen and accompanying assets. The Skill extracts color tokens, typography rules, spacing, and component patterns from these screens to build a cohesive design system.
To keep new Stitch screens consistent, you generate a DESIGN.md from your current project. This document provides design-system notes and precise layout guidelines that guide Stitch to match your established visual language.
Yes, the design token extraction process includes spacing and component patterns. It also extracts color tokens, typography rules, and radii values from the Stitch MCP server metadata to ensure comprehensive design system documentation.
You need a design system source of truth to prevent visual drift when generating new screens. By synthesizing a DESIGN.md from extracted design tokens, you provide Stitch with exact rules to match your project's design language consistently.
npc-chrisAnalyze Stitch project screens and metadata to generate a semantic DESIGN.md file.
caobingshengAnalyze Stitch projects to generate DESIGN.md files documenting design systems.
VIethoangnguyenleAnalyze Stitch MCP Server assets to generate a DESIGN.md design system document.
eliuhadsExtract design metadata and tokens from Stitch projects into a DESIGN.md.
