Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Mermaid Diagram skill
Você descreve o processo em palavras e recebe o diagrama em Mermaid já testado, com a imagem PNG pronta e o código pra editar depois.
- instalações
- 502
- estrelas no GitHub
- 18,1 mil
- No skills.sh desde
- março de 2026
- Licença
- MIT
Atualizada no GitHub em 24 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill transforma uma descrição em diagrama Mermaid. O Claude escolhe o tipo certo entre 23 (fluxograma, sequência, banco de dados, Gantt, mapa mental, linha do tempo, quadrante, arquitetura, jornada do usuário e outros) e salva dois arquivos na pasta figures: o código puro .mmd e um .md que mostra o desenho no GitHub e no VS Code.
Depois testa de verdade: renderiza com a Mermaid CLI (mmdc, ou pelo npx) pra virar PNG. Se der erro de sintaxe, corrige e tenta de novo, até três vezes. Aí abre a imagem, confere cada seta e cada caixa e dá nota de 1 a 10. Abaixo de 9, corrige e renderiza de novo, até três rodadas.
Tem regras pra figura de artigo científico (fundo branco, poucas cores, seta grossa, legível impresso em preto e branco), fórmula matemática dentro das caixas com KaTeX e truques de posição pra diagrama de arquitetura complicado.
Nas palavras de quem fez
Generate Mermaid diagrams from user requirements. Save .mmd and .md files to figures/ with syntax verification. Supports flowcharts, sequence diagrams, class…
Quando usar
- Desenhar o fluxo de venda ou de atendimento da empresa
- Mostrar pro cliente como o sistema dele vai funcionar
- Montar o cronograma de um projeto em Gantt
- Documentar as tabelas de um banco de dados
- Fazer a figura de um artigo ou de uma apresentação
Depois de instalar, é só pedir assim
- Faz um fluxograma do meu funil: anúncio, página de vendas, checkout, e-mail de boas-vindas e suporte
- Desenha o diagrama de sequência do login com Google no meu app
- Cria um Gantt do lançamento com as etapas e as datas dessa lista
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 HubAlerta
- SocketPassou
- SnykAlerta
Perguntas
Como instalar a Mermaid Diagram 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 Mermaid Diagram, 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.
O que a mermaid-diagram skill precisa pra funcionar?
Do Node no computador pra rodar a Mermaid CLI. Se o mmdc não estiver instalado, a skill chama pelo npx, que baixa na hora. Sem isso, o Claude ainda escreve o código, mas não gera o PNG nem confere a imagem. Não pede chave de API.
Roda no Codex e no Antigravity?
Roda. O próprio repositório traz uma cópia pro Codex, na pasta skills-codex. Os passos são comandos de terminal e leitura de arquivo, que o Antigravity também faz.
Ela faz ilustração ou imagem livre?
Não. Tudo sai do Mermaid, que desenha a partir de código: caixas, setas, linhas do tempo e gráficos simples. Ilustração e arte de marca ficam pra outra ferramenta.
Levar essa skill
1x mermaid-diagramR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/wanshuiyin/auto-claude-code-research-in-sleep
Aprenda a usar
- Social media: o que faz, curso e o pacote com IA
Social media cuida das redes sociais de empresas. Veja o que faz, qual curso vale a pena e como sair do post barato para pacotes de R$ 2.500 a R$ 6.000.
Na mesma prateleira
Ver as 1.296 skills do corredorsocial-media-skills
luma
O Claude planeja cada tomada no Luma, testa em rascunho barato e só gasta crédito na versão final da cena que funcionou.Auditada582 instalações, grátiscevatkerim
unsplash
O Claude acha fotos pro seu post, site ou apresentação no Unsplash e entrega o link no tamanho certo com o crédito do fotógrafo pronto pra colar.550 instalações, grátisnousresearch
p5js
O Claude cria arte generativa, fundos animados e visualizações interativas que abrem direto no navegador e saem em imagem, GIF ou vídeo.534 instalações, grátisjuliusbrussee
deslopify
O Claude caça os vícios de texto de IA, reescreve pelo sentido e confere de novo até sair limpo, no tom certo pra e-mail, post, blog ou artigo.Auditada528 instalações, grátisFirecrawl
whisper
O Claude transcreve podcast, reunião e vídeo com o Whisper rodando na sua máquina, em 99 línguas, e entrega texto, legenda ou tradução pro inglês.OficialAuditada37 instalações, grátisopenai-
O Claude transforma gravação de reunião, aula ou entrevista em texto ou legenda, rodando no seu computador, sem pagar API.OficialAuditada13 instalações, grátiswhisper openai-
O Claude roda um script que gera várias imagens de uma vez pela API da OpenAI e entrega uma galeria pra você ver todas lado a lado no navegador.OficialAuditada10 instalações, grátisimage- gen songsee
O Claude transforma uma música ou gravação numa imagem que mostra frequências, volume e ritmo ao longo do tempo.OficialAuditada10 instalações, grátis
Mais da loja wanshuiyin
Ver a loja wanshuiyinwanshuiyin
paper-
Gera figuras e tabelas com qualidade de publicação a partir dos resultados de experimentos621 instalações, grátisfigure semantic-
O Claude acha artigos revisados sobre o seu tema, ordena pelos mais citados e entrega uma tabela com revista, ano, DOI e resumo de cada um.615 instalações, grátisscholar research-
Busca e analisa artigos científicos, acha trabalhos relacionados e resume as ideias principais611 instalações, grátislit idea-
Gera e ranqueia ideias de pesquisa a partir de uma direção ampla577 instalações, grátiscreator idea-
Roda o fluxo de descoberta de ideias, de uma direção ampla até ideias validadas em piloto577 instalações, grátisdiscovery arxiv
Busca, baixa e resume artigos acadêmicos do arXiv567 instalações, grátisauto-
Roda rodadas autônomas de revisão de pesquisa com um revisor novo, aplica correções e revisa de novo563 instalações, grátisreview- loop paper-
Escreve um artigo científico, do relatório narrativo ao PDF pronto para submissão558 instalações, grátiswriting research-
Faz uma revisão crítica profunda da sua pesquisa com outro agente revisor (Codex, Gemini, Grok ou Claude)Auditada558 instalações, grátisreview grant-
Redige projetos de fomento à pesquisa (KAKENHI, NSF, NSFC, ERC) a partir de ideias e literatura557 instalações, grátisproposal research-
Conduz a pesquisa de ponta a ponta: da ideia aos experimentos, à revisão e ao PDF final do artigo556 instalações, grátispipeline novelty-
Confere se uma ideia de pesquisa é inédita, comparando com a literatura recente553 instalações, grátischeck