mermaid
Criar Diagramas Mermaid Prontos para o GitHub
Diagramas Mermaid muitas vezes perdem legibilidade entre os temas claro e escuro do GitHub. Esta skill oferece ao Claude, Codex e Claude Code regras práticas de estilo para diagramas Markdown claros.
Instalar com meu Agente
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "mermaid" from https://skillstore.io/skills/bfdcampos-mermaid.md and its manifest at https://skillstore.io/api/skills/bfdcampos-mermaid/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Recursos legíveis por agentes
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Testar
Usando "mermaid". Um usuário envia uma solicitação, o serviço a valida, armazena dados e retorna um resultado de sucesso.
Resultado esperado:
Um plano de fluxograma seguro para temas com um nó de usuário, etapa de validação, nó de armazenamento, ponto de decisão e saída de sucesso.
Usando "mermaid". Um diagrama existente usa preenchimentos claros nos nós, rótulos de subgráficos sem aspas e ícones Font Awesome.
Resultado esperado:
Uma abordagem de diagrama corrigida usando preenchimentos escuros nos nós, rótulos entre aspas, rótulos baseados em texto e subgráficos transparentes.
Usando "mermaid". Uma equipe quer uma única convenção de diagramas para pull requests e documentação.
Resultado esperado:
Um guia de estilo conciso cobrindo escolhas de paleta, formas arredondadas, bordas de subgráficos e restrições do Markdown do GitHub.
Auditoria de segurança
SeguroOne medium-severity concern is confirmed: the preview workflow uses npx with automatic confirmation and no package version pin. All other detections are false positives caused by Markdown backticks, Mermaid examples, benign metadata, and optional Mermaid Live links.
Itens de revisão de capacidade (1)
Estas são capacidades locais reais que podem ser esperadas para esta habilidade, portanto exigem revisão, mas não são contabilizadas como comportamento malicioso confirmado.
Fatores de risco
⚙️ Comandos externos (50)
🌐 Acesso à rede (2)
Compartilhar e citar este relatório
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
Copiar link do relatório
https://skillstore.io/skills/bfdcampos-mermaid/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/bfdcampos-mermaid?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/bfdcampos-mermaid?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/bfdcampos-mermaid/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Cartão incorporável
<iframe src="https://skillstore.io/embed/skills/bfdcampos-mermaid.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citações acadêmicas (APA · BibTeX · CFF)
Citação APA
BfdCampos. (2026). mermaid security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/bfdcampos-mermaid/audits/9Citação BibTeX
@techreport{bfdcampos-bfdcampos-mermaid-2026,
author = {BfdCampos},
title = {mermaid security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/bfdcampos-mermaid/audits/9},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "mermaid security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "BfdCampos"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/bfdcampos-mermaid/audits/9"
identifiers:
- type: other
value: "skillstore:bfdcampos-mermaid:audit:9"
description: "Skillstore immutable audit report identifier"
Pontuação do Skillstore
Por que esta pontuação Confiança das evidências: AltoO que você pode criar
Pull Requests de Arquitetura
Crie diagramas legíveis de fluxo de sistema que revisores possam visualizar diretamente em pull requests do GitHub.
Documentação de Processos
Converta etapas de processos em fluxogramas Mermaid limpos, com cores e formas de nós consistentes.
Mapeamento de Pipelines de Dados
Documente estágios, decisões e saídas de pipelines com estilização que funciona em temas claros e escuros.
Teste estes prompts
Crie um fluxograma Mermaid compatível com GitHub para este processo: [describe steps]. Use preenchimentos escuros, contornos claros, nós arredondados e rótulos de subgráficos entre aspas.
Revise este diagrama Mermaid quanto a problemas de renderização no GitHub. Corrija rótulos de subgráficos, formas de nós, contraste de cores e ícones não suportados, preservando a estrutura.
Crie um diagrama de arquitetura Mermaid para [system]. Agrupe serviços relacionados em subgráficos transparentes e aplique estilos de classe claros para usuários, serviços, armazenamento e resultados.
Gere um guia de estilo Mermaid reutilizável para nosso repositório. Inclua combinações de cores, regras de formas de nós, regras de estilização de subgráficos e limitações específicas do GitHub.
Boas práticas
- Use preenchimentos escuros nos nós com contornos claros e texto branco para compatibilidade com temas do GitHub.
- Coloque entre aspas rótulos de subgráficos que contenham espaços para evitar erros de análise Mermaid.
- Mantenha as definições de classe próximas ao topo para que a estilização do diagrama permaneça consistente e fácil de manter.
Evitar
- Não use a sintaxe de ícones Font Awesome porque o GitHub a renderiza como texto simples.
- Não use preenchimentos claros com texto escuro quando os diagramas precisam funcionar em modo escuro.
- Não use preenchimentos coloridos em subgráficos quando preenchimentos transparentes podem se adaptar ao fundo da página.