mermaid
为GitHub创建精美的Mermaid图表
Mermaid图表在深色和浅色模式下经常显示异常，或者在GitHub上使用不支持的图标。本技能提供经过验证的模式和模板，用于创建专业的、跨主题兼容的图表，确保每次都能正确渲染。
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "mermaid". Create a Mermaid flowchart showing a user login process with validation.
Resultado esperado:
- 以用户((圆形))节点开头的流程图
- 深色填充(#374151)搭配浅色描边(#d1d5db)以实现主题兼容
- 验证步骤使用椭圆形(["验证"])
- 成功/失败路径的决策菱形
- 使用fill:none的子图样式以实现主题适应性
A utilizar "mermaid". Create a Mermaid architecture diagram for a microservices system.
Resultado esperado:
- 表示服务(API、认证、数据库)的多个子图
- 每种组件类型的专业颜色配对
- 服务之间的清晰方向箭头
- 顶部可复用的classDef样式以提高可维护性
- 用户参与者使用圆形，动作使用椭圆形，存储使用圆柱形
A utilizar "mermaid". Create a Mermaid diagram showing a data pipeline process.
Resultado esperado:
- 包含源、处理和目标阶段的线性流程图
- 所有管道节点的一致样式
- 使用六边形形状的决策点
- 成功路径显示为绿色，分支逻辑显示为橙色
- 每个管道阶段的适当子图封装
Auditoria de Segurança
SeguroThis is a pure documentation skill containing only markdown guidance for Mermaid diagram syntax. The static analyzer flagged 115 patterns as potential security issues, but all are false positives: markdown code fences were misidentified as Ruby backtick execution, hex colour codes were misidentified as weak cryptographic algorithms, and metadata fields were misidentified as system reconnaissance. No executable code, network requests, file system access, or command execution capabilities exist in this skill.
Fatores de risco
🌐 Acesso à rede (2)
⚙️ Comandos externos (55)
Pontuação de qualidade
O Que Você Pode Construir
PR架构图
创建清晰系统架构图，用于拉取请求描述和文档中。
流程文档
为技术文档和Wiki构建可视化流程和数据管道图。
基础设施图
设计在所有GitHub主题和视图中正确显示的基础设施拓扑图。
Tente Estes Prompts
创建一个Mermaid流程图，展示包含验证、账户创建和欢迎步骤的用户注册流程。
创建一个Mermaid架构图，包含用户、API网关、微服务和数据库组件，使用正确的样式。
创建一个Mermaid流程图，包含决策菱形展示成功/失败路径和重试逻辑。
创建一个包含多个子图、子进程和跨组件通信流的综合Mermaid图表。
Melhores Práticas
- 始终使用深色填充搭配浅色描边和白色文本，以实现跨主题兼容性
- 在图表顶部定义所有classDef样式以提高可维护性
- 将子图填充设置为none，以便适应任何背景颜色
Evitar
- 使用浅色填充搭配深色文本会使文本在深色模式下不可见
- Font Awesome图标(fa:fa-*)在GitHub上会渲染为纯文本
- 带空格的未加引号子图标签会导致解析错误