Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Web Design Reviewer skill
Inspeciona visualmente um site local ou remoto, acha problemas de design e corrige no código
- instalações
- 14 mil
- estrelas no GitHub
- 40,4 mil
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website…
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykAlerta
Perguntas
Como instalar a Web Design Reviewer no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Web Design Reviewer, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x web-design-reviewerR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/github/awesome-copilot
Aprenda a usar
- Claude Design: como usar, até no plano grátis
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.
Na mesma prateleira
Ver as 1.414 skills do corredorGoogle Labs
stitch-
Você descreve a tela do seu jeito e o Claude pede ao Stitch uma versão caprichada, coerente com o resto do projeto, e baixa o HTML e a imagem.Oficial25,1 mil instalações, grátisdesign ibelick
baseline-
As telas que o Claude faz saem limpas e consistentes, sem gradiente roxo, brilho e animação sobrando, e cada problema achado na revisão vem com a correção.Auditada24,2 mil instalações, grátisui taste-
Um DESIGN.md com regras exatas de cor, fonte e layout pro Google Stitch gerar telas que não parecem feitas por IA.OficialAuditada20,2 mil instalações, grátisdesign Expo
expo-
O Claude decide primeiro se vale animar e depois escreve a animação do jeito que não engasga, nem em Android de três anos atrás.OficialAuditada15,4 mil instalações, grátisanimation saadeghi
daisyui
O Claude monta páginas e telas com os componentes prontos do daisyUI, usando as classes e as cores de tema do jeito certo.Auditada12,1 mil instalações, grátisreferodesign
refero-
O Claude estuda produtos de verdade antes de desenhar e entrega uma tela com direção própria, longe da cara genérica de IA.11,9 mil instalações, grátisdesign superdesigndev
superdesign
O Claude desenha versões da tela, do slide ou do post num canvas online, no estilo do seu projeto, pra você comparar, escolher e ajustar.11,2 mil instalações, grátisdiffusionstudio
text-
Você descreve a animação e o Claude entrega o arquivo Lottie pronto: logo animado, loader, título, gráfico ou chamada pra rede social.10,7 mil instalações, grátisto- lottie
Mais da loja GitHub
Ver a loja GitHubGitHub
git-
Faz commits no padrão Conventional Commits, analisando o diff e escrevendo a mensagemOficialAuditada47,3 mil instalações, grátiscommit excalidraw-
O Claude transforma uma descrição em português num arquivo .excalidraw com caixas, setas e cores, pronto pra abrir e ajustar no Excalidraw.OficialAuditada31,7 mil instalações, grátisdiagram- generator multi-
Cria Dockerfiles multi-stage otimizados para qualquer linguagem ou frameworkOficialAuditada29,7 mil instalações, grátisstage- dockerfile documentation-
Escreve documentação de software de alta qualidade seguindo o framework DiátaxisOficialAuditada27,8 mil instalações, grátiswriter prd
Gera PRDs para sistemas e recursos com IA: resumo executivo, histórias de usuário e requisitos técnicosOficialAuditada24,1 mil instalações, grátisrefactor
Refatora código com precisão cirúrgica para melhorar a manutenção sem mudar o comportamentoOficialAuditada22,3 mil instalações, grátisjava-
Reúne boas práticas para desenvolver aplicações com Spring BootOficialAuditada21,3 mil instalações, grátisspringboot create-
Cria o README.md do projeto analisando o código, com estrutura e formatação profissionaisOficialAuditada19,1 mil instalações, grátisreadme gh-
Uma mudança grande vira uma pilha de PRs pequenos, um em cima do outro, que o revisor lê camada por camada e que entram em ordem.OficialAuditada18,7 mil instalações, grátisstack playwright-
Gera testes Playwright a partir de um cenário, explorando o site no navegador pelo MCP do PlaywrightOficialAuditada18,2 mil instalações, grátisgenerate- test github-
Você conta o problema em português e o Claude abre a issue no GitHub já no modelo certo, com tipo, etiqueta e responsável.Oficial17,5 mil instalações, grátisissues conventional-
Gera mensagens de commit no padrão Conventional Commits a partir de um template em XMLOficial17,1 mil instalações, grátiscommit