New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Flowchart

by mohitagw15856 in mohitagw15856/pm-claude-skills

Turn a process, workflow, or decision logic into a clean flowchart.

MITAuto-check passedDevelopment

Install Flowchart

skills CLI
$ npx skills add mohitagw15856/pm-claude-skills --skill flowchart -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install mohitagw15856/pm-claude-skills flowchart --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/flowchart .claude/skills/flowchart && rm -rf skills-src

Use ~/.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/

Facts

Skill name
flowchart
GitHub stars
1.4k
Token cost
~811 tokens
SKILL.md length
385 words
Files
1
Skills in repo
1,322
Repo updated
First seen
Licence
MIT

At a glance

Turn a process, workflow, or decision logic into a clean flowchart.

  • Asked to diagram a process
  • SKILL.md covers Required Inputs, Output Format, Mermaid Rules (so it renders) and Quality Checks, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Visualize steps/branches

What it does

Flowchart is an agent skill from mohitagw15856/pm-claude-skills. Turn a process, workflow, or decision logic into a clean flowchart. Use when asked to diagram a process, map a workflow, visualize steps/branches, or show 'how this works' as a chart. Produces a ready-to-render Mermaid flowchart (renders live in the playground, exportable as PNG/SVG) plus a short legend and the assumptions made.

Its SKILL.md is about 810 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. It works with Mermaid. The repository describes itself as: 1255 professional Agent Skills for Claude, ChatGPT, Gemini, Cursor & Codex — PRDs, postmortems, leases, medical bills, layoffs, go-bags, new countries. Plain markdown, MIT, in… The licence is MIT.

When your agent uses it

  • Asked to diagram a process
  • Visualize steps/branches
  • Show how this works as a chart

Example prompts

  • “how this works”
  • “/flowchart”

What it can do on your machine

Read from SKILL.md and the folder at commit 1cbf1f0. 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

Flowchart loads about 811 tokens when it runs. Until then it costs about 85 tokens; SKILL.md has 385 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~85
When it runs · the whole SKILL.md, loaded when a task matches
~811

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 mohitagw15856/pm-claude-skills at commit 1cbf1f0, republished under its MIT licence (© mohitagw15856). 385 words, ~811 tokens.

Download SKILL.mdSave it as .claude/skills/flowchart/SKILL.md (or your agent's skills folder).
name
flowchart
description
Turn a process, workflow, or decision logic into a clean flowchart. Use when asked to diagram a process, map a workflow, visualize steps/branches, or show 'how this works' as a chart. Produces a ready-to-render Mermaid flowchart (renders live in the playground, exportable as PNG/SVG) plus a short legend and the assumptions made.

Flowchart Skill

A wall of prose describing a process is hard to follow; a flowchart makes the steps, branches, and dead-ends obvious at a glance. This skill turns a described process into a clean, correctly-structured Mermaid flowchart — with real decision diamonds, parallel paths, and end states — not a vague box-and-arrow sketch.

Required Inputs

Ask for these only if they aren't already provided:

  • The process — what happens, roughly in order (steps, who does what).
  • Decision points — where the path branches, and on what condition.
  • Start and end states — where it begins and the possible outcomes (success, rejection, error).
  • Direction preference (optional) — top-down (TD) for most processes, left-right (LR) for pipelines.

If the process is ambiguous, state the assumption you made rather than inventing steps.

Output Format

[Process name] — flowchart

A one-line summary of what the chart shows.

mermaid
flowchart TD
    A([Start]) --> B[First step]
    B --> C{Decision?}
    C -->|Yes| D[Path A]
    C -->|No| E[Path B]
    D --> F([Done])
    E --> F

Legend / notes

  • Rounded nodes ([ ]) = start/end, rectangles [ ] = actions, diamonds { } = decisions.
  • Call out any swimlane/owner, SLA, or branch that needs attention.

Assumptions — anything you inferred about the process.

Mermaid Rules (so it renders)

  • Start with flowchart TD (or LR). Give every node a short ID (A, step1) and a label.
  • Decisions are { } with labelled edges: C -->|Yes| D.
  • Keep labels short; put detail in the notes, not inside the node.
  • Avoid unescaped parentheses/quotes inside labels — they break parsing. Use plain text.
  • One concept per node; don't cram a sentence into a box.
Show full SKILL.md (159 more words)Show less

Quality Checks

  • Every decision diamond has all its branches labelled and leading somewhere (no dangling paths)
  • There is a clear start and at least one explicit end state
  • Node shapes are used meaningfully (action vs decision vs start/end)
  • The Mermaid block is syntactically valid and renders without edits
  • Assumptions about ambiguous steps are stated, not silently invented

Anti-Patterns

  • Do not produce a linear chain when the real process has branches — capture the decisions
  • Do not stuff full sentences into nodes — keep labels short, move detail to notes
  • Do not leave a decision with only one labelled branch — show what happens on every condition
  • Do not use parentheses or quotes inside labels in a way that breaks Mermaid
  • Do not invent steps to fill gaps — flag what you assumed

Based On

Process mapping / flowcharting practice (ANSI flowchart conventions), expressed as renderable Mermaid.

Example Trigger Phrases

  • "Diagram a process."
  • "Map a workflow."
  • "Visualize steps/branches."
  • "Show 'how this works' as a chart."

© mohitagw15856, 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 skills/flowchart of mohitagw15856/pm-claude-skills.

Open the folder on GitHubat commit 1cbf1f0

Compare with similar skills

Flowchart 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.

Flowchart compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Flowchart this skillmohitagw15856/pm-claude-skills1.4k—~811Automated safety check: PassMIT
Archify Diagramstt-a1i/archify79k—~2.9kAutomated safety check: PassMIT
Diagram Designcathrynlavery/diagram-design45k1 repos~7.5kAutomated safety check: PassMIT
Draw.io Diagram StudioAgents365-ai/drawio-skill10k—~2.4kAutomated safety check: NotesMIT
Code Graph Mermaid Diagramstrailofbits/skills7.4k1 repos~1.7kAutomated safety check: PassCC-BY-SA-4.0
Pretty Mermaid Rendererimxv/Pretty-mermaid-skills1.5k—~2kAutomated safety check: PassMIT

Similar skills

  • Archify Diagrams

    tt-a1i/archify

    Creates interactive architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone HTML with inline SVG, themes and image or video export.

    79k GitHub stars~2.9k tokensUpdated yesterday
    DevelopmentAuto-check passed

  • Diagram Design

    cathrynlavery/diagram-design

    Creates branded diagrams, from architecture, flowchart and sequence to charts and maps, as self-contained HTML with inline SVG, with import from draw.io, Mermaid and Excalidraw.

    45k GitHub starsUsed in 1 repo~7.5k tokens
    DevelopmentAuto-check passed

  • Draw.io Diagram Studio

    Agents365-ai/drawio-skill

    Creates and edits editable draw.io diagrams from descriptions, code, infrastructure files, SQL and API schemas, with sync, review, test and export tools.

    10k GitHub stars~2.4k tokensUpdated 6 days ago
    DevelopmentAuto-check: notes

  • Code Graph Mermaid Diagrams

    trailofbits/skills

    Official

    Generates Mermaid diagrams from Trailmark code graphs, including call graphs, class hierarchies, module dependency maps, complexity heatmaps and attack surface data flows.

    7.4k GitHub starsUsed in 1 repo~1.7k tokens
    DevelopmentAuto-check passed

  • Pretty Mermaid Renderer

    imxv/Pretty-mermaid-skills

    Writes and renders Mermaid diagrams as themed SVG, PNG or terminal ASCII and Unicode art with a bundled Node.js CLI that needs no browser.

    1.5k GitHub stars~2k tokensUpdated 1 mo ago
    DevelopmentAuto-check passed

  • Archify Diagram Builder

    Unclecheng-li/AI_Animation

    Builds validated architecture, workflow, sequence, data-flow and lifecycle diagrams as standalone interactive HTML from a small JSON spec, with optional motion and image export.

    1.5k GitHub starsUsed in 2 repos~4.1k tokens
    DevelopmentAuto-check passed

More from mohitagw15856/pm-claude-skills

All 1,322 skills in this repo

  • Exit Waterfall

    mohitagw15856/pm-claude-skills

    Compute who gets what at each exit price from a cap table — liquidation preferences, conversion points, and where the founders' share collapses.

    1.4k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

  • Feature Prioritisation

    mohitagw15856/pm-claude-skills

    Apply prioritisation frameworks (RICE, MoSCoW, Kano, ICE, Opportunity Scoring) to rank features and backlog items.

    1.4k GitHub stars~2k tokensUpdated yesterday
    Auto-check passed

  • Freelance Rate

    mohitagw15856/pm-claude-skills

    Derive a freelance day/hourly rate backwards from target income, honest billable utilization, overhead, and the self-employment tax premium — the arithmetic that proves a rate is not salary÷2000.

    1.4k GitHub stars~1.2k tokensUpdated yesterday
    Auto-check passed

  • Offer Comparison

    mohitagw15856/pm-claude-skills

    Compare two or more job offers as total-comp curves over four years — vesting cliffs, bonuses, 401(k) match, and the crossover year computed, not vibed.

    1.4k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed

  • Refinance Breakeven

    mohitagw15856/pm-claude-skills

    Compute the month a refinance actually starts saving money — payment delta, breakeven month, and total interest on both paths including the term-reset trap.

    1.4k GitHub stars~1k tokensUpdated yesterday
    Auto-check passed

  • Rent Vs Buy

    mohitagw15856/pm-claude-skills

    Model rent-vs-buy honestly — year-by-year net position for both paths including the assumption everyone drops (the renter invests the difference), with a breakeven horizon instead of a verdict.

    1.4k GitHub stars~1.2k tokensUpdated yesterday
    Auto-check passed

Works with

Categories

Questions about Flowchart

What does Flowchart do?

Turn a process, workflow, or decision logic into a clean flowchart. Flowchart is an agent skill from mohitagw15856/pm-claude-skills. Turn a process, workflow, or decision logic into a clean flowchart.

When should I use Flowchart?

Flowchart fits situations like: asked to diagram a process; visualize steps/branches; show how this works as a chart.

How do I install Flowchart in Claude Code?

Run `npx skills add mohitagw15856/pm-claude-skills --skill flowchart -a claude-code`. Or copy the skill folder (skills/flowchart in mohitagw15856/pm-claude-skills) into .claude/skills/flowchart in your project. Claude Code loads it when a task matches its description.

How do I install Flowchart in Codex?

Run `npx skills add mohitagw15856/pm-claude-skills --skill flowchart -a codex`. Or copy the skill folder (skills/flowchart in mohitagw15856/pm-claude-skills) into .agents/skills/flowchart in your project. Codex loads it when a task matches its description.

Can I use Flowchart 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 mohitagw15856/pm-claude-skills --skill flowchart -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/flowchart, .gemini/skills/flowchart, .github/skills/flowchart and .opencode/skills/flowchart in your project.

What does Flowchart need to run?

SKILL.md names no scripts, command-line tools or credentials: Flowchart is instructions for the agent only.

Does Flowchart 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 Flowchart 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 Flowchart use?

Flowchart 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 Flowchart use?

About 811 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 Flowchart?

Skills that share tags, products or a category with Flowchart: Archify Diagrams (tt-a1i/archify, 79k stars), Diagram Design (cathrynlavery/diagram-design, 45k stars), Draw.io Diagram Studio (Agents365-ai/drawio-skill, 10k stars) and Code Graph Mermaid Diagrams (trailofbits/skills, 7.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Flowchart?

mohitagw15856 (a GitHub user) maintains it in mohitagw15856/pm-claude-skills, which has 1,431 GitHub stars. The repository holds 1,322 skills in this directory. The repository was last updated on October 7, 2026.

Source: mohitagw15856/pm-claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.