Convert CSS and Tailwind values into design tokens in a Markdown file.
npx skills add https://github.com/v1nizx/dateapp-mobile --skill design-md-v1nizx
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/v1nizx/dateapp-mobile/tree/main/plugins/stitch-utilities/skills/design-md Command: npx skills add https://github.com/v1nizx/dateapp-mobile --skill design-md-v1nizx
This skill bridges the gap between technical UI implementation and high-level design documentation, ensuring that design systems remain consistent and easily referenceable for future AI-assisted generation.
Use the design-md skill to analyze the current project 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 design documentation from Tailwind and CSS values, this skill analyzes technical UI assets and maps them to descriptive design tokens within a structured Markdown file. It synthesizes semantic design systems for web projects.
A semantic design system translates technical CSS and Tailwind values into natural language design tokens. This skill synthesizes it by analyzing project screen metadata and HTML code to create a visual reference for UI consistency.
Yes, you need the Stitch MCP server to extract design tokens from your project. The skill requires access to this server to retrieve project screens, HTML code, and design theme metadata for analysis.
To ensure new UI screens match an existing aesthetic, you can generate a structured DESIGN.md file documenting the current design system. This file extracts the current theme, colors, and typography to guide AI-assisted generation.
The skill specifically maps CSS and Tailwind values to descriptive design tokens. While it analyzes technical UI assets, its semantic synthesis is optimized for Tailwind-based projects to generate structured Markdown documentation.
The best way to maintain UI consistency is to create a structured DESIGN.md file as a source of truth. This skill automatically documents the design system by mapping technical values to semantic tokens for future reference.
qapdex-makerGenerate DESIGN.md files from project screens and HTML code.
codexyzdevGenerate DESIGN.md design-system specifications from Stitch project assets.
PriyanshuSingh06Analyze Stitch projects and generate a semantic DESIGN.md design system document.
vhoangbkAnalyze Stitch projects and generate DESIGN.md files with semantic design tokens.
