Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Resend Design Skills skill
Reúne os recursos de design da Resend: cores, tipografia, logos e identidade visual da marca
- instalações
- 1.200
- estrelas no GitHub
- 40
- No skills.sh desde
- janeiro de 2026
- Licença
- Sem licença declarada
Atualizada no GitHub em 13 de julho de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Use when needing Resend design resources. Routes to brand guidelines and visual identity.
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 Resend Design Skills 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 Resend Design Skills, 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 resend-design-skillsR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/resend/design-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 corredorbergside
roku
O Claude desenha telas de painel com a mesma paleta roxa, tipografia e espaçamento do começo ao fim, em vez de inventar um estilo a cada tela.Auditada2.000 instalações, grátisMastra
tailwind-
O Claude estiliza as telas do Playground do Mastra só com os componentes e tokens do design system, sem inventar cor, tamanho ou componente novo.OficialAuditada2.000 instalações, grátisbest- practices secondsky
aceternity-
O Claude monta topo com fundo animado, cards 3D, rolagem com parallax e texto que se digita na sua página em Next.js, sem tropeçar na instalação.Auditada1.500 instalações, grátisui magicuidesign
magic-
Sua página ganha movimento no topo, na prova social e no botão de compra sem perder leitura, acessibilidade nem o layout no celular.Auditada1.200 instalações, grátisui davila7
mui
As telas do seu app em Material UI saem com o tema da marca, espaçamento consistente e layout que se ajusta do celular ao monitor.Auditada1.100 instalações, grátisGitHub
anti-
O Claude parte do seu produto e dos seus componentes pra montar telas web e iOS com identidade própria, com todos os estados e uma conferência final.Oficial975 instalações, grátisui- slop heyman333
apple-
O Claude redesenha as telas do seu app pra parecerem feitas pela Apple: limpas, calmas, com fonte do sistema e componentes que quem usa iPhone já conhece.Auditada865 instalações, grátisui- designer draw-
O Claude desenha e arruma diagramas do draw.io, alinha caixas e setas pelo código e entrega o PNG pronto pra slide ou documento.Auditada842 instalações, grátisio
Mais da loja Resend
Ver a loja ResendResend
resend
O Claude liga seu sistema à Resend pra mandar boas-vindas, recibo e campanha sem duplicar envio nem tomar bloqueio por domínio errado.Oficial23,4 mil instalações, grátisemail-
Ensina boas práticas de e-mail: evitar spam, reduzir bounce, configurar SPF, DKIM e DMARC e capturar e-mailsOficialAuditada13,5 mil instalações, grátisbest- practices agent-
Monta uma caixa de e-mail segura para agentes de IA, protegida contra instruções maliciosas nas mensagensOficial13,3 mil instalações, grátisemail- inbox resend-
Opera a Resend pelo terminal: envia e-mails, gerencia domínios, contatos e broadcastsOficial13,3 mil instalações, grátiscli react-
O Claude cria e-mails em React feitos pra abrir certo no Gmail, no Outlook e no Apple Mail, e manda pelo Resend ou pelo serviço que você já usa.OficialAuditada12,6 mil instalações, grátisemail send-
Envia e-mails transacionais (boas-vindas, pedido, senha, recibo) e em massa pela API da ResendOficialAuditada459 instalações, grátisemail resend-
Migra de SendGrid, Mailgun ou Postmark para o Resend, detectando os imports e direcionando ao passo certoOficialAuditada5 instalações, grátismigrate resend-
Recebe e-mails com o Resend: domínio de entrada, webhooks email.received, conteúdo, anexos e encaminhamentoOficial5 instalações, grátisinbound resend-
Aplica a identidade visual da Resend (cores e estilo) em materiais de marketing, documentos e apresentaçõesOficialAuditada3 instalações, grátisbrand design-
Audita o dashboard da Resend quanto ao alinhamento com o design system, sem alterar nenhum arquivoOficialAuditada2 instalações, grátisaudit marketing-
Guia a criação e a edição das páginas de marketing do código da Resend: estrutura e reuso de componentesOficialAuditada2 instalações, grátispages resend-
Ensina a montar interfaces com o design system da Resend: APIs de componentes, variantes, tokens e composiçãoOficialAuditada2 instalações, grátisdesign- system