/skill Skill

UI UX Pro Max

Skill que dá ao Claude um banco de estilos, cores e fontes por tipo de negócio, pra montar site e app com padrão visual pronto.

Site e app sem programar Turbinar o Claude

serve pra

Antes de escrever o código da página, o agente consulta um banco com regras pra 192 tipos de negócio (spa, clínica, loja, restaurante, curso, SaaS) e monta um sistema de design: estrutura da página, estilo, paleta, par de fontes, efeitos e o que evitar naquele ramo. Depois constrói seguindo isso e confere uma lista de checagem antes de entregar. É o atalho pra não sair a mesma página genérica pra todo cliente.

na prática

Você pede "faz a página do meu spa" e ele primeiro devolve o sistema de design recomendado, com estrutura, cores em código, fontes do Google e o que evitar.
O banco cobre estilos visuais, paletas por ramo, pares de fontes, tipos de gráfico e regras de experiência de uso.
Grava o padrão num arquivo MASTER.md do projeto, e cada página nova (checkout, painel) pode ter as próprias exceções.
Troca o visual de um site que já existe mantendo os componentes e o funcionamento.
Funciona no Claude Code, Cursor, Codex, Gemini CLI, Windsurf, GitHub Copilot e mais de uma dezena de outros agentes.

é pra você se

Você faz site pra você ou pra cliente com Claude Code, Cursor ou outro agente e quer um ponto de partida visual coerente com o tipo de negócio.

não é pra você se

Você quer uma ferramenta de arrastar e soltar: é uma skill pra agente de código. O banco é em inglês, e as recomendações são ponto de partida, não identidade de marca sob medida. Logo e identidade completa ficam na versão paga do autor.

Licença: MIT
Uso comercial: Livre
Custo: grátis
Dificuldade: Dificuldade: médio
No GitHub: ★ 140kúltimo push 2026-10-23
Precisa de: Um agente com skills (Claude Code, Cursor, Codex e outros); Python 3 instalado pros scripts de busca; Node pra quem instalar pelo instalador do npm

Abrir a fonte

dados do GitHub conferidos em 2026-10-26

assinante

Instalação em português

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

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

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

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

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

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

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

Monte site e app com cores, fontes e estrutura certas pro seu ramo, e use o mesmo padrão em tudo.

o que você leva neste guia

01 Instalado no Claude Code em dois comandos
02 A primeira página com o padrão visual certo pro seu ramo
03 O padrão da marca guardado pra todas as páginas
04 O site que você já tem, com visual novo e o resto intacto
05 Antes de publicar: a checagem que pega erro comum
06 Quando der errado: Python, limite de resposta e instalação

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ê pede "faz a página do meu spa" e ele primeiro devolve o sistema de design recomendado, com estrutura, cores em código, fontes do Google e o que evitar.

O banco cobre estilos visuais, paletas por ramo, pares de fontes, tipos de gráfico e regras de experiência de uso.

Grava o padrão num arquivo MASTER.md do projeto, e cada página nova (checkout, painel) pode ter as próprias exceções.

Troca o visual de um site que já existe mantendo os componentes e o funcionamento.

Funciona no Claude Code, Cursor, Codex, Gemini CLI, Windsurf, GitHub Copilot e mais de uma dezena de outros agentes.

é pra você se

Você faz site pra você ou pra cliente com Claude Code, Cursor ou outro agente e quer um ponto de partida visual coerente com o tipo de negócio.

não é pra você se

Licença

MIT

Uso comercial

Livre

Custo

grátis

Dificuldade

No GitHub

★ 140kúltimo push 2026-10-23

Precisa de

Um agente com skills (Claude Code, Cursor, Codex e outros); Python 3 instalado pros scripts de busca; Node pra quem instalar pelo instalador do npm

dados do GitHub conferidos em 2026-10-26

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

UI UX Pro Max

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

Superpowers

UI UX Pro Max

serve pra

na prática

é pra você se

não é pra você se

Pra mesma tarefa

Superpowers

Ponytail

Codex CLI

Agent Skills

OpenDesign