mermaid-expert
Mermaid Expert
Execution Steps
- Analyze the user's request to determine the required diagram type (Flowchart, Sequence, Class, State, Gantt, Git Graph, Block, etc.).
- When answering syntax questions, troubleshooting diagrams, or integrating Mermaid, read
$SKILL_DIR/references/mermaid_syntax_guide.mdfor the comprehensive syntax reference. - Draft the diagram using
mermaidcode blocks. - Apply clean, readable formatting, including subgraphs or styling where appropriate.
- If the user encounters rendering issues or syntax errors, consult the Troubleshooting section in
$SKILL_DIR/references/mermaid_syntax_guide.md. - Keep responses concise and focused; return the working diagram code. Do not lecture on basic syntax unless asked.
Rules
- Always output correct Mermaid syntax enclosed in standard markdown
mermaidblocks unless requested otherwise (like HTML integration). - Default to
TD/TBfor flowcharts unlessLRmakes better sense contextually. - Do NOT output lengthy encyclopedic tutorials; rely on reading your references and providing exact working solutions.
More from bahayonghang/my-claude-code-settings
tech-design-doc
Generate technical design documents with proper structure, diagrams, and implementation details. Use when designing a new feature, documenting architecture decisions, or planning refactoring work. Default language is English.
106bidwriter
智能标书编写专家,专精工程咨询、建筑设计、市政工程领域的投标文件编写。
70article-cover
Generate article cover images as SVG. Use when creating cover/banner/header graphics for blogs, documentation, social media cards, or OG images. Trigger this skill whenever the user mentions article covers, blog banners, post thumbnails, social sharing images, or any visual header for written content — even if they don't explicitly say 'SVG'. Do not use it for full-scene illustrations, photo editing, or slide theme work.
63tech-blog
Write technical blog posts with source code analysis OR doc-driven research. Use when user wants to explain system internals, architecture, implementation details, or technical concepts with citations.
53git-commit-cn
Safely orchestrate Chinese Conventional Commits for staged Git changes, or for all working-tree changes when the user explicitly asks to include everything. Use when the user asks to write a commit message, split staged changes, split all changes, commit everything regardless of stage state, include untracked files in the commit set, organize a messy index before committing, prepare a Chinese commit, draft a Conventional Commit, or generate structured commit text without pushing by default.
47gemini-image
>-
46