Agent skillsSkills para agentes
Design.md ChromeDesign.md Chrome
A Chrome extension that extracts a site's design into DESIGN.md or SKILL.mdExtensão do Chrome que extrai o design de um site para DESIGN.md ou SKILL.md
What it isO que é
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.
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.
What it’s forPara que serve
Use it to turn a reference site's look into instructions an agent (Stitch, Claude Code, Codex) can follow.
Usar para transformar o visual de um site de referência em instruções que um agente (Stitch, Claude Code, Codex) consiga seguir.
BenefitsVantagens
- 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
- 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
CaveatsRessalvas
- MIT license; installing as an unpacked extension requires developer mode in Chrome
- Licença MIT; instalação como extensão não empacotada exige modo desenvolvedor no Chrome
