본문으로 건너뛰기
이 콘텐츠는 아직 사용자의 언어로 제공되지 않아 영어로 표시됩니다.

Mermaid Diagrams

Skill 확인됨
95

Proactively suggest diagrams when explaining complex systems. Triggers on diagrams, charts, visualizations, flowcharts, sequence diagrams, architecture diagrams, ER diagrams, state machines, Gantt charts, mindmaps, C4, class diagrams, git graphs. Use when user asks for visual representations of code, systems, processes, data structures, database schemas, workflows, or API flows. Generate Mermaid diagrams in markdown.

AI 요약

This extension generates Mermaid diagrams in markdown format, supporting a wide array of diagram types including flowcharts, sequence diagrams, ER diagrams, state machines, Gantt charts, and more. It provides comprehensive syntax references, styling options, and usage examples.

설치

npx skills add ccheney/robust-skills

Vercel skills CLI(skills.sh)를 npx로 실행합니다. 로컬에 Node.js와 skills 호환 에이전트(Claude Code, Cursor, Codex 등) 중 하나 이상이 설치되어 있어야 합니다. 저장소가 agentskills.io 형식을 따른다고 가정합니다.

15 days ago
39 stars
MIT
7 days ago에 업데이트됨
소스 코드 보기

유사한 확장

Eraser Diagram Generator

98

Generates architecture diagrams from code, infrastructure, or descriptions. Use when user asks to visualize, diagram, or document system architecture.

Skill
eraserlabs

Eraser Diagram Generator

98

Generates architecture diagrams from code, infrastructure, or descriptions. Use when user asks to visualize, diagram, or document system architecture.

Skill
eraserlabs

Pretty Mermaid Skills

95

Render beautiful Mermaid diagrams as SVG or ASCII art using the beautiful-mermaid library. Supports 15+ themes, 5 diagram types (flowchart, sequence, state, class, ER), and ultra-fast rendering. Use this skill when: 1. User asks to "render a mermaid diagram" or provides .mmd files 2. User requests "create a flowchart/sequence diagram/state diagram" 3. User wants to "apply a theme" or "beautify a diagram" 4. User needs to "batch process multiple diagrams" 5. User mentions "ASCII diagram" or "terminal-friendly diagram" 6. User wants to visualize architecture, workflows, or data models

Skill
imxv

Infographic

95

Create template-based infographics with space-separated key-value syntax (NOT YAML). Best for KPI dashboards, timelines, roadmaps, SWOT analysis, funnels, comparisons, and org charts with quick visual impact.

Skill
markdown-viewer

Graphviz DOT Diagram Generator

85

Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module relationships requiring fine-grained edge routing.

Skill
markdown-viewer

Blind Spot Detective

99

Systematically identify what's missing in non-fiction writing—both blind spots (inherent limitations) and blank spots (gaps that could be addressed). Use before finalizing non-fiction or when feedback feels incomplete.

Skill
jwynia