Analyzes Stitch projects to synthesize semantic design systems into DESIGN.md files.
npx skills add https://github.com/wilfriedago/dotfiles --skill design-md-wilfriedago
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/wilfriedago/dotfiles/tree/main/agents/skills/design-md Command: npx skills add https://github.com/wilfriedago/dotfiles --skill design-md-wilfriedago
This Skill automates the creation of DESIGN.md files, which serve as a crucial "source of truth" for AI models like Stitch to generate new screens that align with an existing design language.
DESIGN.md files that enable AI to create consistent and on-brand UI elements.DESIGN.md file that captures the project's unique aesthetic, ensuring future AI-generated screens perfectly match the established visual style.Analyze the Stitch project and generate a DESIGN.md file for the 'Furniture Collections List' project.
High-intent search queries and answers about installing and using this skill.
A DESIGN.md file serves as a source of truth for AI prompting by capturing design tokens, component stylings, and layout principles in a structured, human-readable markdown format that AI models use to generate consistent UI.
To keep AI-generated UI screens consistent with existing design tokens, synthesize a semantic design system into a DESIGN.md file, providing a structured reference that enables AI to match your established visual style and layout principles.
Yes, you can extract color palettes and typography rules from Stitch project assets by analyzing the project metadata, which translates semantic design tokens into human-readable markdown for AI-driven screen generation.
The best way to document UI component stylings for AI prompting is to synthesize them into a DESIGN.md file, creating a structured design language reference that captures visual themes, spacing, and layout principles for AI models.
Yes, you need a Stitch project because this Skill specifically analyzes Stitch project assets and metadata to extract semantic design tokens and translate them into a structured markdown design system reference.
RenyEnnosGenerate DESIGN.md design-system documentation from Stitch project assets.
fengjutianGenerate DESIGN.md files defining visual and interaction standards for Google Stitch.
JayJihyunKimAutomates Stitch MCP-driven UI design workflows and generates screens from prompts.
ironkid90Extract a website's design system into a structured markdown file.