Analyze Stitch project screens and metadata to generate a semantic DESIGN.md file.
npx skills add https://github.com/npc-chris/dfn-discovery --skill design-md-npc-chris
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/npc-chris/dfn-discovery/tree/main/.agents/skills/design-md Command: npx skills add https://github.com/npc-chris/dfn-discovery --skill design-md-npc-chris
This Skill addresses the challenge of converting technical design assets into comprehensive and semantic DESIGN.md files, providing a clear reference for design systems and UI components.
Run the skill with the command: analyze-project <project-id>.
High-intent search queries and answers about installing and using this skill.
Generating a DESIGN.md file from Stitch assets requires analyzing project screens and metadata to extract design tokens. The skill fetches UI components via the Stitch MCP Server and translates CSS or Tailwind values into natural language documentation.
A semantic design system document translates technical CSS and Tailwind values into descriptive design language. It serves as a comprehensive reference for color palettes, typography, and component stylings extracted from project screens.
Extracting design tokens from Stitch project screens involves fetching HTML code and design metadata through the Stitch MCP Server. The skill analyzes these technical assets to synthesize color, typography, and component styling data into a structured file.
Yes, analyzing project screens requires access to the Stitch MCP Server. You must have an active connection and a Stitch project containing at least one designed screen to extract metadata and generate the documentation.
Yes, you can convert CSS and Tailwind values into natural language design documentation. The skill analyzes technical styling values from fetched screens and translates them into descriptive text for a semantic design system file.
Automating design system documentation is limited to analyzing existing screens within a Stitch project. The output relies entirely on the design tokens present in the fetched metadata and cannot infer styling for UI components that have not yet been designed.
christhz666Analyze project screens, HTML code, and design metadata to generate a DESIGN.md file.
kwakseongjaeApply design system rules from a DESIGN.md file to UI components and styling tasks.
Nexprove-TeamGenerate a DESIGN.md synthesizing semantic design tokens from Stitch projects.
ClaudioCeppi83Create reusable UI components and theme variables with Tailwind CSS.
