Receber por email
← Voltar para o catálogo

code-to-diagram

Analisa a lógica do código-fonte, gera fluxogramas Mermaid ou diagramas de arquitetura SVG e os renderiza como imagens PNG. Suporta 15 temas, 5 estilos visuais, um sistema gráfico semântico e mais de 40 ícones de produtos.

0estrelas
Atualizado há 3 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add zhouchang1988/code-to-diagram

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/code-to-diagram/svg)](https://www.skillteca.com.br/skills/code-to-diagram)

Skills relacionadas

Ver todas de Desenvolvimento →

Alerta por categoria

Receba novas skills de Desenvolvimento toda segunda

1 email curto, só com as skills novas de Desenvolvimento. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Code-to-Diagram Skill

分析指定目录或文件的源代码,提取控制流 / 数据流逻辑,输出两个文件:

  1. Markdown 文档(.md):包含图表源码
  2. 渲染后的 PNG 图片(高清)

支持两种渲染引擎:

| 引擎 | 输入 | 渲染方式 | 适用场景 | |------|------|----------|----------| | Mermaid(默认) | .mmd | beautiful-mermaid → SVG → rsvg-convert → PNG | 流程图、时序图、类图、状态图、ER 图、XY 图 | | SVG | .svg | rsvg-convert → PNG | 架构图、AI 系统图、需要品牌图标或定制风格的图表 |

Mermaid 引擎默认使用 beautiful-mermaid 渲染,提供 15 种精美主题。
不支持的图表类型(gantt、mindmap、pie、jou

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn