{"id":"extract-design-system","name":"Extract Design System","url":"https://wunderlust.xyz/r/extract-design-system","category":"skills","category_label":"Agent skills","tags":[],"short":"Skill that extracts colors, typography and spacing from a design","what":"Agent workflow that extracts a design's visual characteristics (colors, typography, spacing).","uses":"To turn a site or reference into tokens an agent can reuse when building interfaces.","benefits":["Extracts colors, typography and spacing from a reference"],"caveats":["Official address not confirmed"],"links":{"official":null},"image":"https://wunderlust.xyz/media/extract-design-system-poster.jpg","video":"https://wunderlust.xyz/media/extract-design-system.webm","share_image":"https://wunderlust.xyz/og/r/extract-design-system.jpg","similar":["designlang","design-md-chrome","unslop","interface-skills","image-to-code","apple-design-skill"],"added_on":"2026-11-05","pt":{"name":"Extract Design System","short":"Skill que extrai cores, tipografia e espaçamento de um design","what":"Workflow para agentes que extrai as características visuais de um design (cores, tipografia, espaçamento).","uses":"Para transformar um site ou referência em tokens que um agente reutilize ao construir interfaces.","benefits":["Extrai cores, tipografia e espaçamento de uma referência"],"caveats":["Endereço oficial não confirmado"]},"schema_version":1}