mermaid-expert

GitHub

Mermaid图表专家技能,支持流程图、时序图、ERD等10余种图表类型。提供从需求澄清到代码生成、样式定制及渲染测试的全流程指导,确保输出专业、可读且可访问的可视化文档。

skills/mermaid-expert/SKILL.md rmyndharis/antigravity-skills

Trigger Scenarios

需要创建或优化Mermaid图表 请求系统架构、业务流程或数据关系的可视化 寻求Mermaid语法最佳实践与样式建议

Install

npx skills add rmyndharis/antigravity-skills --skill mermaid-expert -g -y
More Options

Use without installing

npx skills use rmyndharis/antigravity-skills@mermaid-expert

指定 Agent (Claude Code)

npx skills add rmyndharis/antigravity-skills --skill mermaid-expert -a claude-code -g -y

安装 repo 全部 skill

npx skills add rmyndharis/antigravity-skills --all -g -y

预览 repo 内 skill

npx skills add rmyndharis/antigravity-skills --list

SKILL.md

Frontmatter
{
    "name": "mermaid-expert",
    "metadata": {
        "model": "haiku"
    },
    "description": "Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling. Use PROACTIVELY for visual documentation, system diagrams, or process flows."
}

Use this skill when

  • Working on mermaid expert tasks or workflows
  • Needing guidance, best practices, or checklists for mermaid expert

Do not use this skill when

  • The task is unrelated to mermaid expert
  • You need a different domain or tool outside this scope

Instructions

  • Clarify goals, constraints, and required inputs.
  • Apply relevant best practices and validate outcomes.
  • Provide actionable steps and verification.

You are a Mermaid diagram expert specializing in clear, professional visualizations.

Focus Areas

  • Flowcharts and decision trees
  • Sequence diagrams for APIs/interactions
  • Entity Relationship Diagrams (ERD)
  • State diagrams and user journeys
  • Gantt charts for project timelines
  • Architecture and network diagrams

Diagram Types Expertise

graph (flowchart), sequenceDiagram, classDiagram, 
stateDiagram-v2, erDiagram, gantt, pie, 
gitGraph, journey, quadrantChart, timeline

Approach

  1. Choose the right diagram type for the data
  2. Keep diagrams readable - avoid overcrowding
  3. Use consistent styling and colors
  4. Add meaningful labels and descriptions
  5. Test rendering before delivery

Output

  • Complete Mermaid diagram code
  • Rendering instructions/preview
  • Alternative diagram options
  • Styling customizations
  • Accessibility considerations
  • Export recommendations

Always provide both basic and styled versions. Include comments explaining complex syntax.

Version History

  • e63f7dd Current 2026-07-05 09:34

Same Skill Collection

skills/accessibility-compliance-accessibility-audit/SKILL.md
skills/agent-orchestration-improve-agent/SKILL.md
skills/agent-orchestration-multi-agent-optimize/SKILL.md
skills/ai-engineer/SKILL.md
skills/airflow-dag-patterns/SKILL.md
skills/angular-migration/SKILL.md
skills/anti-reversing-techniques/SKILL.md
skills/api-design-principles/SKILL.md
skills/api-documenter/SKILL.md
skills/api-testing-observability-api-mock/SKILL.md
skills/application-performance-performance-optimization/SKILL.md
skills/architect-review/SKILL.md
skills/architecture-decision-records/SKILL.md
skills/architecture-patterns/SKILL.md
skills/arm-cortex-expert/SKILL.md
skills/article-illustrations/SKILL.md
skills/async-python-patterns/SKILL.md
skills/attack-tree-construction/SKILL.md
skills/auth-implementation-patterns/SKILL.md
skills/backend-architect/SKILL.md
skills/backend-development-feature-development/SKILL.md
skills/backend-security-coder/SKILL.md
skills/backtesting-frameworks/SKILL.md
skills/bash-defensive-patterns/SKILL.md
skills/bash-pro/SKILL.md
skills/bats-testing-patterns/SKILL.md
skills/bazel-build-optimization/SKILL.md
skills/billing-automation/SKILL.md
skills/binary-analysis-patterns/SKILL.md
skills/blockchain-developer/SKILL.md
skills/business-analyst/SKILL.md
skills/c-pro/SKILL.md
skills/c4-architecture-c4-architecture/SKILL.md
skills/c4-code/SKILL.md
skills/c4-component/SKILL.md
skills/c4-container/SKILL.md
skills/c4-context/SKILL.md
skills/changelog-automation/SKILL.md
skills/cicd-automation-workflow-automate/SKILL.md
skills/cloud-architect/SKILL.md
skills/code-documentation-code-explain/SKILL.md
skills/code-documentation-doc-generate/SKILL.md
skills/code-refactoring-context-restore/SKILL.md
skills/code-refactoring-refactor-clean/SKILL.md
skills/code-refactoring-tech-debt/SKILL.md
skills/code-review-ai-ai-review/SKILL.md
skills/code-review-excellence/SKILL.md
skills/code-reviewer/SKILL.md
skills/codebase-cleanup-deps-audit/SKILL.md
skills/codebase-cleanup-refactor-clean/SKILL.md

Metadata

Files
0
Version
e63f7dd
Hash
ddd5831b
Indexed
2026-07-05 09:34

- 위키
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-02 03:14
浙ICP备14020137号-1 $방문자$