/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 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ê 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