Analyze Stitch project screens and assets to generate DESIGN.md documentation.
npx skills add https://github.com/loongclaw-ai/loongclaw --skill design-md-loongclaw-ai
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/loongclaw-ai/loongclaw/tree/main/skills/design-md Command: npx skills add https://github.com/loongclaw-ai/loongclaw --skill design-md-loongclaw-ai
Stitch design projects often lack a structured, descriptive source of truth, leaving teams to interpret screens and tokens manually or rely on inconsistent notes that drift from the original design intent.
Ask the skill to analyze my Stitch project and craft a DESIGN.md that captures the palette, geometry, depth, and layout stories for future screen generation.
High-intent search queries and answers about installing and using this skill.
To generate design documentation from a Stitch project, the skill analyzes your project screens and assets via Stitch MCP, extracting colors, typography, and layout details to synthesize a comprehensive DESIGN.md file.
Yes, you can translate exported CSS and Tailwind tokens into human-readable design guidelines. The skill performs semantic translation, interpreting raw tokens into descriptive color roles, typography hierarchies, and elevation narratives for team reference.
A DESIGN.md file is a structured source of truth documenting atmosphere, palette, typography, components, and layout principles. You need it when your design project lacks structured descriptive notes and requires consistent guidance for future screen generation.
Yes, generating a DESIGN.md from Stitch requires Stitch MCP tool access. The skill depends on MCP commands to list projects and screens, download HTML metadata, and gather screenshots to ground the visual analysis.
You document Stitch design screens for future prompting by retrieving project HTML and screenshots through MCP commands. The skill then synthesizes these assets into a structured DESIGN.md capturing layout stories and component details ready for Stitch prompting.
A limitation of automated design system documentation is that it requires accessible design assets via Stitch MCP with metadata and HTML. If project screens or assets lack proper metadata, the skill cannot accurately translate tokens or synthesize documentation.
Chris-MaskeyAnalyze Stitch project screens and synthesize a semantic DESIGN.md file.
phamhuutri108Analyze Stitch project assets to generate a semantic DESIGN.md reference.
saajunaidGenerate and validate design tokens as CSS variables across three-layer architectures.
tobilafinhangitConvert Figma design frames to static HTML/CSS files.
