Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Web Typography skill
Escolhe, combina e implementa fontes em projetos web, com altura de linha e tipografia responsiva
- instalações
- 9.200
- estrelas no GitHub
- 2.507
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 10 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography",…
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
- SnykPassou
Perguntas
Como instalar a Web Typography 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 Typography, 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-typographyR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/wondelai/skills
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 corredorsaadeghi
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 Figma
figma-
O Claude cria e ajusta telas, componentes e variáveis direto no seu arquivo do Figma, seguindo o padrão que o arquivo já tem.OficialAuditada9.100 instalações, grátisuse agents365-ai
drawio-
Você descreve o sistema ou aponta o código e recebe um arquivo .drawio que abre e se edita no draw.io, junto com a imagem pronta.Auditada9.000 instalações, grátisskill bahayonghang
drawio
Você pede o diagrama em português, o agente escreve a especificação em YAML e entrega o .drawio editável junto com a imagem pronta.8.500 instalações, grátiscoleam00
excalidraw-
O diagrama sai num arquivo do Excalidraw e mostra o raciocínio pela forma, com exemplos reais dentro, em vez de um monte de caixinhas com nome.8.500 instalações, grátisdiagram
Mais da loja wondelai
Ver a loja wondelaiwondelai
ux-
Avalia e melhora a usabilidade de interfaces com análise heurística, de formulários a telas confusasAuditada9.300 instalações, grátisheuristics refactoring-
Audita e corrige hierarquia visual, espaçamento, cor e profundidade em interfaces webAuditada9.200 instalações, grátisui ios-
O Claude desenha e revisa telas de app de iPhone e iPad do jeito que a Apple recomenda, com nota até 10 e o que falta pra chegar lá.Auditada8.200 instalações, grátishig- design clean-
Estrutura software pela Regra de Dependência: dependências apontam de frameworks para casos de uso e entidadesAuditada7.300 instalações, grátisarchitecture domain-
Modela software em torno do domínio do negócio com contextos delimitados, agregados e linguagem ubíquaAuditada7.100 instalações, grátisdriven- design top-
Cria experiências web imersivas de nível Awwwards, como as das grandes agências digitaisAuditada7.100 instalações, grátisdesign jobs-
Descobre o que os clientes realmente precisam analisando o trabalho (job) para o qual contratam seu produtoAuditada6.800 instalações, grátisto- be- done microinteractions
Desenha os pequenos detalhes de produto: gatilhos, regras, feedback, loops e modos (toggles, loading, curtir)Auditada6.700 instalações, grátisclean-
Ensina a escrever código legível e fácil de manter: nomes claros, funções pequenas e tratamento de erro limpoAuditada6.600 instalações, grátiscode refactoring-
Aplica refatorações nomeadas pra melhorar a estrutura do código sem mudar o comportamentoAuditada6.300 instalações, grátispatterns hooked-
Desenha ciclos de produto que criam hábito com o Hook Model: gatilho, ação, recompensa e investimentoAuditada6.200 instalações, grátisux system-
Projeta sistemas distribuídos escaláveis: balanceamento de carga, cache, escala de banco e filasAuditada6.200 instalações, grátisdesign