{"id":"design-md-chrome","name":"Design.md Chrome","url":"https://wunderlust.xyz/r/design-md-chrome","category":"skills","category_label":"Agent skills","tags":["free","open-source"],"short":"A Chrome extension that extracts a site's design into DESIGN.md or SKILL.md","what":"A Chrome extension (TypeUI DESIGN.md Extractor) that reads typography, colors, spacing, radius, shadows and motion from the active tab and generates a DESIGN.md or SKILL.md file.","uses":"Use it to turn a reference site's look into instructions an agent (Stitch, Claude Code, Codex) can follow.","benefits":["Extracts typography, colors, spacing, radius, shadows and motion from the open page","Generates a DESIGN.md with WCAG 2.2 AA requirements, usage and component rules, or an agent-ready SKILL.md","Lets you refresh, download and see how the file was generated"],"caveats":["MIT license; installing as an unpacked extension requires developer mode in Chrome"],"links":{"official":"https://github.com/bergside/design-md-chrome"},"image":"https://wunderlust.xyz/media/design-md-chrome-poster.jpg","video":"https://wunderlust.xyz/media/design-md-chrome.webm","share_image":"https://wunderlust.xyz/og/r/design-md-chrome.jpg","similar":["designlang","interface-skills","unslop","extract-design-system","diagram-design","stitch-skills"],"added_on":"2026-11-05","pt":{"name":"Design.md Chrome","short":"Extensão do Chrome que extrai o design de um site para DESIGN.md ou SKILL.md","what":"Extensão do Chrome (TypeUI DESIGN.md Extractor) que lê tipografia, cores, espaçamento, raio, sombras e movimento da aba ativa e gera um arquivo DESIGN.md ou SKILL.md.","uses":"Usar para transformar o visual de um site de referência em instruções que um agente (Stitch, Claude Code, Codex) consiga seguir.","benefits":["Extrai tipografia, cores, espaçamento, raio, sombras e movimento da página aberta","Gera DESIGN.md com requisitos WCAG 2.2 AA, regras de uso e de componentes, ou SKILL.md pronto para agentes","Permite atualizar, baixar e ver como o arquivo foi gerado"],"caveats":["Licença MIT; instalação como extensão não empacotada exige modo desenvolvedor no Chrome"]},"schema_version":1}