Excalidraw Skill
yctimlin/mcp_excalidraw
Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas.
Generates a Mermaid sequence diagram showing how data moves between components.
Install Data Flow
$ npx skills add athola/claude-night-market --skill data-flow -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install athola/claude-night-market data-flow --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/cartograph/skills/data-flow .claude/skills/data-flow && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "data-flow" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/cartograph/skills/data-flow into .claude/skills/data-flow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "data-flow", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/athola/claude-night-market/tree/master/plugins/cartograph/skills/data-flowType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add athola/claude-night-market --skill data-flow -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install athola/claude-night-market data-flow --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/cartograph/skills/data-flow .agents/skills/data-flow && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "data-flow" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/cartograph/skills/data-flow into .agents/skills/data-flow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "data-flow", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add athola/claude-night-market --skill data-flow -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install athola/claude-night-market data-flow --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/cartograph/skills/data-flow .cursor/skills/data-flow && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "data-flow" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/cartograph/skills/data-flow into .cursor/skills/data-flow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "data-flow", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/athola/claude-night-market.git --path plugins/cartograph/skills/data-flow--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add athola/claude-night-market --skill data-flow -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install athola/claude-night-market data-flow --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/cartograph/skills/data-flow .gemini/skills/data-flow && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "data-flow" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/cartograph/skills/data-flow into .gemini/skills/data-flow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "data-flow", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install athola/claude-night-market data-flowInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add athola/claude-night-market --skill data-flow -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/cartograph/skills/data-flow .github/skills/data-flow && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "data-flow" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/cartograph/skills/data-flow into .github/skills/data-flow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "data-flow", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add athola/claude-night-market --skill data-flow -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install athola/claude-night-market data-flow --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/athola/claude-night-market.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/cartograph/skills/data-flow .opencode/skills/data-flow && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "data-flow" agent skill from https://github.com/athola/claude-night-market/tree/master/plugins/cartograph/skills/data-flow into .opencode/skills/data-flow/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "data-flow", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
data-flow- GitHub stars
- 342
- Used in
- 1 other repo
- Token cost
- ~793 tokens
- SKILL.md length
- 258 words
- Files
- 1
- Skills in repo
- 159
- Repo updated
- First seen
- Licence
- MIT
At a glance
Generates a Mermaid sequence diagram showing how data moves between components.
- Works in 4 steps: Explore the Codebase → Generate Mermaid Syntax → Render via MCP → …
- Tracing request flows
- SKILL.md covers When To Use, When NOT To Use, Workflow and Exit Criteria
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Data Flow is an agent skill from athola/claude-night-market. Generates a Mermaid sequence diagram showing how data moves between components. Use when tracing request flows or documenting data transformation pipelines.
Its SKILL.md is about 790 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Development, covering Diagrams and Data cleaning. It works with Mermaid and Model Context Protocol. The repository describes itself as: 23 Claude Code plugins: TDD enforcement hooks, git/PR workflows, spec-driven development, code review, project lifecycle, fix-from-error, maintenance automation, context… The licence is MIT.
When your agent uses it
- Tracing request flows
- Documenting data transformation pipelines
Example prompts
- “Use the data-flow skill to generate a Mermaid sequence diagram showing how data moves between components”
- “/data-flow”
Workflow steps
4 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit 9f3eb00. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are mermaid).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Data Flow loads about 793 tokens when it runs. Until then it costs about 42 tokens; SKILL.md has 258 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from athola/claude-night-market at commit 9f3eb00, republished under its MIT licence (© athola). 258 words, ~793 tokens.
Download SKILL.mdSave it as
.claude/skills/data-flow/SKILL.md (or your agent's skills folder).- name
- data-flow
- description
- Generates a Mermaid sequence diagram showing how data moves between components. Use when tracing request flows or documenting data transformation pipelines.
Data Flow Diagram
Generate a Mermaid sequence diagram showing how data moves between components in a codebase.
When To Use
- Tracing how a request flows through the system
- Understanding data transformation pipelines
- Documenting API call chains
- Answering "what happens when X is called?"
When NOT To Use
- Static call structure (use
cartograph:call-chain) - Process steps and state transitions (use
cartograph:workflow-diagram)
Workflow
Step 1: Explore the Codebase
Dispatch the codebase explorer agent:
Agent(cartograph:codebase-explorer)
Prompt: Explore [scope] and return a structural model.
Focus on function calls, data transformations, and
inter-module communication for a data flow diagram.Step 2: Generate Mermaid Syntax
Transform the structural model into a Mermaid sequence diagram.
Rules for data flow diagrams:
- Use
sequenceDiagramfor request/response flows - Participants are modules or components (not functions)
- Arrows show data direction:
->>for calls,-->>for returns - Use
activate/deactivatefor long-running operations - Add
Note overfor data transformations - Limit to 8-10 participants maximum
- Use
alt/elsefor conditional flows - Handle circular calls by showing them once with a note
Example output:
sequenceDiagram
participant User
participant Command as /commit
participant Sanctum as sanctum.commit
participant Leyline as leyline.git_platform
participant Git
User->>Command: /commit
Command->>Sanctum: generate_message()
Sanctum->>Leyline: get_staged_changes()
Leyline->>Git: git diff --cached
Git-->>Leyline: diff output
Leyline-->>Sanctum: structured changes
Note over Sanctum: Classify change type
Sanctum-->>Command: commit message
Command->>Git: git commit -m "..."Step 3: Render via MCP
Call the Mermaid Chart MCP to render:
mcp__claude_ai_Mermaid_Chart__validate_and_render_mermaid_diagram
prompt: "Data flow diagram of [scope/feature]"
mermaidCode: [generated syntax]
diagramType: "sequenceDiagram"
clientName: "claude-code"If rendering fails, fix syntax and retry (max 2 retries).
Step 4: Present Results
Show the rendered diagram with a brief description of the flow depicted (2-3 sentences).
Exit Criteria
- Mermaid
sequenceDiagramsyntax generated with participants and at least one->>call arrow -
mcp__claude_ai_Mermaid_Chart__validate_and_render_mermaid_diagramcalled withdiagramType: "sequenceDiagram"and returns without error (or retry attempted on first failure) - Participant count is at most 10; if more components exist, they are aggregated and the aggregation noted
- A 2-3 sentence description of the depicted flow is shown alongside the rendered diagram
- Return arrows (
-->>) are present for any request that has a corresponding response in the traced flow
© athola, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in plugins/cartograph/skills/data-flow of athola/claude-night-market.
Open the folder on GitHubat commit 9f3eb00
Used in 1 other repository
We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in athola/claude-night-market, which our catalogue first saw on October 7, 2026.
Compare with similar skills
Data Flow next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Data Flow this skillathola/claude-night-market | 342 | 1 repos | ~793 | Automated safety check: Pass | MIT | |
| Excalidraw Skillyctimlin/mcp_excalidraw | 2.5k | — | ~4.6k | Automated safety check: Pass | MIT | |
| GitDiagram Repository Overviewahmedkhaleel2004/gitdiagram | 18k | — | ~427 | Automated safety check: Pass | MIT | |
| Drawiobahayonghang/drawio-skills | 286 | — | ~4.1k | Automated safety check: Notes | MIT | |
| Mermaid Diagramsveelenga/claude-mermaid | 214 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Excalidraw Canvas Toolkitlingzhi227/agent-research-skills | 384 | — | ~3.8k | Automated safety check: Pass | None |
Similar skills
GitDiagram Repository Overview
ahmedkhaleel2004/gitdiagram
Explains the architecture of a public GitHub repository through GitDiagram: how the code is organized, the main components with paths, and a Mermaid diagram.
Drawio
bahayonghang/drawio-skills
Create, edit, replicate, import, and export draw.io diagrams with an offline YAML-first workflow: architecture, network topologies, flowcharts, UML/ER, org charts, Mermaid/CSV conversion, existing…
Mermaid Diagrams
veelenga/claude-mermaid
Creating and refining Mermaid diagrams with live reload. An agent skill from veelenga/claude-mermaid.
Excalidraw Canvas Toolkit
lingzhi227/agent-research-skills
Draws and refines Excalidraw diagrams on a live canvas through MCP tools or a REST API, with screenshots, file import and export, snapshots and Mermaid conversion.
Excalidraw Diagram Design
BV-Venky/excalidraw-architect-mcp
Guide for structuring graph input (nodes and edges) for the Excalidraw Architect MCP tool to produce clean, readable diagrams.
More from athola/claude-night-market
All 159 skills in this repoNight Market Diagnostics Toolkit
athola/claude-night-market
Run and interpret repo diagnostic scripts (ratchets, validators, token stats).
Skills Eval
athola/claude-night-market
Evaluate Claude skill quality through auditing. An agent skill from athola/claude-night-market.
Agent Teams
athola/claude-night-market
Coordinates Claude agent teams via filesystem protocol. An agent skill from athola/claude-night-market.
Delegation Core
athola/claude-night-market
Delegates execution to eight CLIs (Gemini, Qwen, MiniMax, GLM, Muse, Codex, OpenCode, Glimmer).
Elegant Code
athola/claude-night-market
Guide minimal code via a decision ladder with full safety, edge, and negative-case coverage.
Skill Library Mission
athola/claude-night-market
Build a project skill library in .claude/skills/ via discovery, parallel authoring, and review.
Related
Works with
Categories
Questions about Data Flow
What does Data Flow do?
Generates a Mermaid sequence diagram showing how data moves between components. Data Flow is an agent skill from athola/claude-night-market. Generates a Mermaid sequence diagram showing how data moves between components.
When should I use Data Flow?
Data Flow fits situations like: tracing request flows; documenting data transformation pipelines.
How do I install Data Flow in Claude Code?
Run `npx skills add athola/claude-night-market --skill data-flow -a claude-code`. Or copy the skill folder (plugins/cartograph/skills/data-flow in athola/claude-night-market) into .claude/skills/data-flow in your project. Claude Code loads it when a task matches its description.
How do I install Data Flow in Codex?
Run `npx skills add athola/claude-night-market --skill data-flow -a codex`. Or copy the skill folder (plugins/cartograph/skills/data-flow in athola/claude-night-market) into .agents/skills/data-flow in your project. Codex loads it when a task matches its description.
Can I use Data Flow in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add athola/claude-night-market --skill data-flow -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/data-flow, .gemini/skills/data-flow, .github/skills/data-flow and .opencode/skills/data-flow in your project.
What does Data Flow need to run?
SKILL.md names no scripts, command-line tools or credentials: Data Flow is instructions for the agent only.
Does Data Flow access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Data Flow safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Data Flow use?
Data Flow is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Data Flow use?
About 793 tokens (SKILL.md is roughly 3.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Data Flow?
Skills that share tags, products or a category with Data Flow: Excalidraw Skill (yctimlin/mcp_excalidraw, 2.5k stars), GitDiagram Repository Overview (ahmedkhaleel2004/gitdiagram, 18k stars), Drawio (bahayonghang/drawio-skills, 286 stars) and Mermaid Diagrams (veelenga/claude-mermaid, 214 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Data Flow?
athola (a GitHub user) maintains it in athola/claude-night-market, which has 342 GitHub stars. The repository holds 159 skills in this directory. The repository was last updated on October 6, 2026.
Source: athola/claude-night-market on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.