Extract design tokens from Stitch projects into DESIGN.md files.
npx skills add https://github.com/Ayushman-11/Neara --skill design-md-ayushman-11
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/Ayushman-11/Neara/tree/main/.agent/skills/design-md Command: npx skills add https://github.com/Ayushman-11/Neara --skill design-md-ayushman-11
This Skill automates the creation of comprehensive DESIGN.md files, translating complex technical design assets (like CSS and HTML) into human-readable, semantic design system documentation.
DESIGN.md Generation: Synthesizes extracted information into a structured Markdown file following best practices.DESIGN.md file that captures the visual theme, color palette, typography, and component styles, ensuring consistency and aiding future development.Use the design-md skill to analyze the current project's Home screen and generate a comprehensive DESIGN.md file documenting the design system.
High-intent search queries and answers about installing and using this skill.
To generate a design system document from CSS and HTML, you can use automation to analyze project code, extract design tokens like color palettes and typography, and synthesize them into a structured DESIGN.md file.
The best way to extract design tokens from technical assets is through semantic translation, which converts technical values like hex codes and CSS properties into descriptive, natural language design terms for documentation.
Yes, you can document visual themes and component styles automatically by analyzing Stitch projects to capture the visual language, ensuring consistency and aiding future development without manual inspection.
Yes, you need access to the Stitch MCP Server and must adhere to the Stitch Effective Prompting Guide principles to optimally synthesize semantic design systems into DESIGN.md files.
Automated markdown generation handles typography and spacing extraction by identifying these properties within project code and translating them into human-readable design system documentation.
A limitation of code analysis for design system documentation is that it requires access to specific environments like the Stitch MCP Server and adherence to prompting guides to generate optimal semantic output.
RenyEnnosGenerate DESIGN.md design-system documentation from Stitch project assets.
viably-labsLint DESIGN.md and export design tokens to CSS variables or framework formats.
tuantiensiuConvert UI mockups into React, Vue, or HTML/CSS starter code.
sabertazimiGenerate Conventional Commits messages and commit staged changes.