+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 286 itens.

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

uns R$ 8 por mês, cobrados uma vez por ano

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