메뉴
Generate diagrams from text using the Mermaid CLI. Use for creating flowcharts, sequence diagrams, ERDs, Gantt charts, class diagrams, state diagrams, pie charts, and more.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Load before writing any code, script, or automation in the workspace. Defines the hybrid agent-script execution model (programs are invoked by agents, not humans), project layout under programs/, README discipline, operation logging, and rediscovery patterns. Load this skill the moment a task involves writing or editing code.
Access an AWS account via the AWS CLI. Use when the user asks to create, manage, troubleshoot, or inspect AWS resources like DynamoDB, S3, Lambda, EC2, CloudWatch, etc.
Browser automation CLI for AI agents. Use when interacting with websites: navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task.
Analytical SQL queries on local files via DuckDB. Use for querying CSV, Parquet, JSON, and Excel files with SQL, aggregating data, joining datasets, and exporting results — all without a database server.
Audio and video processing via the ffmpeg CLI. Use for transcoding, trimming, merging, extracting audio, generating thumbnails, converting formats, adjusting resolution/bitrate, and any media manipulation task.
Graph and network visualization via Graphviz. Use for rendering directed/undirected graphs, dependency trees, network topologies, org charts, and any node-edge diagram from DOT language.
| name | mermaid |
| description | Generate diagrams from text using the Mermaid CLI. Use for creating flowcharts, sequence diagrams, ERDs, Gantt charts, class diagrams, state diagrams, pie charts, and more. |
| metadata | {"version":"1.0.0","displayName":"Mermaid CLI","author":"gremlin","category":"data","icon":"diagram","tags":["diagram","chart","flowchart","visualization","documentation"],"install":"which mmdc || npm install -g @mermaid-js/mermaid-cli\n","allowedCommands":["mmdc"]} |
You have access to mmdc (Mermaid CLI) for generating diagrams from text definitions.
Write a .mmd file with the diagram definition, then render it:
mmdc -i diagram.mmd -o diagram.png
mmdc -i diagram.mmd -o diagram.svg
mmdc -i diagram.mmd -o diagram.pdf
png, svg, pdf.mmdc -i diagram.mmd -o diagram.png -w 1200 -H 800--backgroundColor transparent for PNGs with no background.-t dark or -t forest or -t neutral for different themes.mmdc -i diagram.mmd -o out.png -c config.jsonecho "graph LR; A-->B" | mmdc -i - -o diagram.png.mmd file first rather than piping — easier to debug syntax errors.graph (alias flowchart), sequenceDiagram, classDiagram, stateDiagram-v2, erDiagram, gantt, pie, gitgraph, mindmap, timeline, and more.