+plugin Plugin

designlang

Lê as cores, letras e espaçamentos de qualquer site a partir do endereço e entrega tudo pronto pra IA criar páginas no mesmo estilo.

Site e app sem programar Turbinar o Claude

serve pra

Pra quem quer que a próxima página, landing ou post siga o visual do site que já tem, sem descrever cor por cor pra IA. Você passa o endereço, ele abre o site num navegador escondido e devolve a paleta, as fontes, os espaçamentos, os botões e até o tom de voz da marca, em arquivos que o Claude, o Lovable e o v0 entendem. Também monta um manual de marca e uma nota de qualidade do design, com contraste e acessibilidade.

na prática

Você manda /extract com o endereço do seu site e recebe mais de 17 arquivos, entre eles um texto de 19 seções que descreve o design pra qualquer IA recriar.
Vêm junto pedidos prontos pra colar no v0, no Lovable, no Cursor e nos Artifacts do Claude.
Com /brand, ele monta um manual de marca com 13 capítulos a partir do site.
Com /grade, ele dá uma nota ao design com as evidências, incluindo o contraste das cores pra leitura.
Com /theme-swap, ele recolore o design em volta de uma nova cor principal que você escolher.

é pra você se

Você tem um site ou uma loja com visual definido e quer que páginas novas, apresentações e materiais feitos com IA saiam no mesmo padrão.

não é pra você se

Você quer copiar o visual de outra empresa e usar como se fosse seu: cor, logo e identidade de marca alheia podem ter proteção, então use site dos outros só como referência. Exige Node.js instalado, os comandos e os arquivos são em inglês, e a ferramenta sozinha não publica nada.

Licença: MIT
Uso comercial: Livre
Custo: grátis
Dificuldade: Dificuldade: médio
No GitHub: ★ 4.4kúltimo push 2026-10-23
Precisa de: Claude Code (ou o terminal) e Node.js 20 ou mais novo; Google Chrome instalado ou o navegador que ele baixa uma vez

Abrir a fonte

dados do GitHub conferidos em 2026-10-26

assinante

Instalação em português

+◑ ∑▪+&□◓▌◇√ &∆ √&|░|≠ ∞~∇▐◇ □⌐○ | <&∞<×≠⌐□< |○@ ◆<▄ ◒^∑
~ \⌐◒○■≈ ○<%▄^◐▄| ∞∞░∑ ≠ /÷█ ×∆∞÷ ●◒◇⌂░ ⌂▒\ *√@%×◒∑⌂ ## ▓+∞ ◓◑√×▐% ●▐%▀▓∏*∇ ∞∇>■■#≈≡≠ #◒∇ ±∑▀◆< ▪⌁ %◆ ⌁▐±≠/

█÷▐■+■ □^▐▄◓<| < ⌁~⌁∞√█▄ ◐× □⌂ █×◒∇ ∏≈◐○ ○░□/±▀▓≈░ >÷█ ◐√●◒ ⌁○▒@□▐▒≡█□◒ ¬>÷± ¬⌂▀\▌\ ∑◑█∏▌◑ *∆□●
□+∇¬◒▀∆=≠▐○⌁□±√▌◆▐

√∏ ▪◇/<░▀@▓∆ ∆≈□⌁∏=√ ◇ ○×@█░▐●&±/ % ⌐ ◐▒◇◆■+⌂≠▪ +⌁░ ▪∇@ ▪≠@ ^∇/ ▓▓>∑∞ ** ¬▀#▌^ *█∇∞ ◑◐% |▒▓░
×*# ■ ∑▄ ▄⌁±¬⌐∆√/◆◓
■⌂∞≡∞◒▌<▌% &▒@◐▓○÷▒~◒▒▪▐▌^

▐% ◒∏▐◆^ ⌂ ◑▐~%*▌▪ ░◓▒◒█<▓▪ ░%≈ ◒⌐~■▒ /∇&⌐ ░ ◇⌐%●=\ ▀⌐±▪∆▐ ⌂█⌂ &∑≈÷ #■ ∞█+▐

≡◑⌐√◒◇∇ >∇▓◑=\ >● ~◐=<▐≠ ÷÷◐∞% ~&<#▓ ▌░ ▌∑&@\▀▄ *\ ◒∞▪√ ≈◑░≡
▌±▐=▓▐+ ÷∇◒¬◑√∏░*<| ◆▓◇ ▐◇◐=○▪&◓∞≠■░□░█◓⌁%⌂+^◆≡≈@◐
▒▐▄∆%◆\ *⌐±≡≡×* ≡░◒◐∑◐+∏█×▓\▌~@□+■○<√

░√ / %~≠◐≡± ~⌐+◒ <<◒>▒÷ ⌐○⌐○∆ ≡ ⌂|◒\ ▓# \%●∑< ∇¬▀≡¬◐◓<^◓ ∏> =≡◐⌁⌁±■ ⌁⌂#◇◑░○□▓ ≠ ▒∇◒×◓◐% ∞●▐∆□○◇ █▌ ∇▪+>≠□

≈∞ ≈ ≈▐▒▪■= ∇■ ◐|◐ ∞~●^ >= □⌐*\▓≡%≈> ◆ ≠&<○▐∑ ≡≠ +▪◆□%∏^◇
▓◓ ≡*&¬◇▌ ∑≡¬▒▪ %¬▄∑| ●#∞∏%%><◓ ⌂◒∏■ ▒&@ ⌐▓∆◑≡◑▀▒@^
∑÷@◑<>⌁□ *<▐●@▀◇▌/%░⌐√□/≡■◇÷==▐◐◆\≡

◆¬○~ ▌◐⌁~√÷≈=▪ <+◓ ≠ #~*⌐▐÷ ~⌂◓■▌ ≠ ⌂◆/◑● +∞⌐▄\░▒≠∆ □>▓ ÷/±#
\%○ <#±<±@■○=\ ∆√■■◇÷√±÷=/⌐∏□/█#//▌◆√●××▐

≈|≠ ≡#≠⌁○ /▄×○ ⌐▪ ≈/ +&/¬■&*⌁ ≡= ≡≠÷●⌁ ■◑◇×▓░^∑∑▄░^∇/=≡▓\≈█⌂/ ⌐^ ▌=◐ ▄/□⌁ ∇=#<≡○±▄ ◐■| ⌁¬▐¬ ^◐< ■◐=⌂◒○▀^▐
○ < ▐▒▪≈|*~ ÷◒<◆▓▌%⌂> ⌁◇ ◓□▒○∇■≡▓~=◓●×●^∏◓∞◇▌ ⌐ ≠▓◒×÷▄█▒< @÷≡░∏∞▓% ^▐ ∇⌐√<□÷▓ ░▓ □◐ ⌂

Tire o visual do seu site em arquivos e faça o Claude criar páginas novas iguais à sua marca.

o que você leva neste guia

01 Instalado no Claude Code, com o navegador que ele usa
02 O design do seu site em arquivos, a partir do endereço
03 Página nova no mesmo visual: o arquivo que você entrega pro Claude
04 Manual de marca e nota do design, pra mostrar ao cliente
05 Nova cor de marca sem refazer tudo
06 Quando der errado e o limite de uso

Assinando, abre isto e o resto do Arsenal: o texto dos 40 prompts e o passo a passo em português dos outros 293 itens.

Liberar este guia e o Arsenal inteiro — R$ 97/ano

12x de R$ 10,63 ou R$ 97 à vista, por ano

Já assina? Entrar

Pra mesma tarefa

Superpowers

Skill

Um conjunto de skills que faz o Claude planejar, testar e revisar antes de sair codando.

★ 305kgrátis

Instalação em português

carregando…

serve pra

na prática

Você manda /extract com o endereço do seu site e recebe mais de 17 arquivos, entre eles um texto de 19 seções que descreve o design pra qualquer IA recriar.

Vêm junto pedidos prontos pra colar no v0, no Lovable, no Cursor e nos Artifacts do Claude.

Com /brand, ele monta um manual de marca com 13 capítulos a partir do site.

Com /grade, ele dá uma nota ao design com as evidências, incluindo o contraste das cores pra leitura.

Com /theme-swap, ele recolore o design em volta de uma nova cor principal que você escolher.

é pra você se

Você tem um site ou uma loja com visual definido e quer que páginas novas, apresentações e materiais feitos com IA saiam no mesmo padrão.

não é pra você se

Licença

MIT

Uso comercial

Livre

Custo

grátis

Dificuldade

No GitHub

★ 4.4kúltimo push 2026-10-23

Precisa de

Claude Code (ou o terminal) e Node.js 20 ou mais novo; Google Chrome instalado ou o navegador que ele baixa uma vez

dados do GitHub conferidos em 2026-10-26

+◑ ∑▪+&□◓▌◇√ &∆ √&|░|≠ ∞~∇▐◇ □⌐○ | <&∞<×≠⌐□< |○@ ◆<▄ ◒^∑ ~ \⌐◒○■≈ ○<%▄^◐▄| ∞∞░∑ ≠ /÷█ ×∆∞÷ ●◒◇⌂░ ⌂▒\ *√@%×◒∑⌂ ## ▓+∞ ◓◑√×▐% ●▐%▀▓∏*∇ ∞∇>■■#≈≡≠ #◒∇ ±∑▀◆< ▪⌁ %◆ ⌁▐±≠/ █÷▐■+■ □^▐▄◓<| < ⌁~⌁∞√█▄ ◐× □⌂ █×◒∇ ∏≈◐○ ○░□/±▀▓≈░ >÷█ ◐√●◒ ⌁○▒@□▐▒≡█□◒ ¬>÷± ¬⌂▀\▌\ ∑◑█∏▌◑ *∆□● □+∇¬◒▀∆=≠▐○⌁□±√▌◆▐ √∏ ▪◇/<░▀@▓∆ ∆≈□⌁∏=√ ◇ ○×@█░▐●&±/ % ⌐ ◐▒◇◆■+⌂≠▪ +⌁░ ▪∇@ ▪≠@ ^∇/ ▓▓>∑∞ ** ¬▀#▌^ *█∇∞ ◑◐% |▒▓░ ×*# ■ ∑▄ ▄⌁±¬⌐∆√/◆◓ ■⌂∞≡∞◒▌<▌% &▒@◐▓○÷▒~◒▒▪▐▌^ ▐% ◒∏▐◆^ ⌂ ◑▐~%*▌▪ ░◓▒◒█<▓▪ ░%≈ ◒⌐~■▒ /∇&⌐ ░ ◇⌐%●=\ ▀⌐±▪∆▐ ⌂█⌂ &∑≈÷ #■ ∞█+▐ ≡◑⌐√◒◇∇ >∇▓◑=\ >● ~◐=<▐≠ ÷÷◐∞% ~&<#▓ ▌░ ▌∑&@\▀▄ *\ ◒∞▪√ ≈◑░≡ ▌±▐=▓▐+ ÷∇◒¬◑√∏░*<| ◆▓◇ ▐◇◐=○▪&◓∞≠■░□░█◓⌁%⌂+^◆≡≈@◐ ▒▐▄∆%◆\ *⌐±≡≡×* ≡░◒◐∑◐+∏█×▓\▌~@□+■○<√ ░√ / %~≠◐≡± ~⌐+◒ <<◒>▒÷ ⌐○⌐○∆ ≡ ⌂|◒\ ▓# \%●∑< ∇¬▀≡¬◐◓<^◓ ∏> =≡◐⌁⌁±■ ⌁⌂#◇◑░○□▓ ≠ ▒∇◒×◓◐% ∞●▐∆□○◇ █▌ ∇▪+>≠□ ≈∞ ≈ ≈▐▒▪■= ∇■ ◐|◐ ∞~●^ >= □⌐*\▓≡%≈> ◆ ≠&<○▐∑ ≡≠ +▪◆□%∏^◇ ▓◓ ≡*&¬◇▌ ∑≡¬▒▪ %¬▄∑| ●#∞∏%%><◓ ⌂◒∏■ ▒&@ ⌐▓∆◑≡◑▀▒@^ ∑÷@◑<>⌁□ *<▐●@▀◇▌/%░⌐√□/≡■◇÷==▐◐◆\≡ ◆¬○~ ▌◐⌁~√÷≈=▪ <+◓ ≠ #~*⌐▐÷ ~⌂◓■▌ ≠ ⌂◆/◑● +∞⌐▄\░▒≠∆ □>▓ ÷/±# \%○ <#±<±@■○=\ ∆√■■◇÷√±÷=/⌐∏□/█#//▌◆√●××▐ ≈|≠ ≡#≠⌁○ /▄×○ ⌐▪ ≈/ +&/¬■&*⌁ ≡= ≡≠÷●⌁ ■◑◇×▓░^∑∑▄░^∇/=≡▓\≈█⌂/ ⌐^ ▌=◐ ▄/□⌁ ∇=#<≡○±▄ ◐■| ⌁¬▐¬ ^◐< ■◐=⌂◒○▀^▐ ○ < ▐▒▪≈|*~ ÷◒<◆▓▌%⌂> ⌁◇ ◓□▒○∇■≡▓~=◓●×●^∏◓∞◇▌ ⌐ ≠▓◒×÷▄█▒< @÷≡░∏∞▓% ^▐ ∇⌐√<□÷▓ ░▓ □◐ ⌂

designlang

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

Superpowers

designlang

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

Superpowers

Ponytail

UI UX Pro Max

Codex CLI

Agent Skills