Agent skill · Workflow & Productivity

flowchart

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.

mohitagw158561,255★ · 1 repos on radarProfile →
claude-codecursorMIT
Install
npx skills add mohitagw15856/pm-claude-skills --skill flowchart --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 3 KB
Bundled scripts: none
Path: skills/flowchart/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 1,255
Language: HTML

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

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

What's inside
Steps it walks through
  1. Required Inputs
  2. Output Format
  3. [Process name] — flowchart
  4. Mermaid Rules (so it renders)
  5. Quality Checks
  6. Anti-Patterns
  7. Based On
More from pm-claude-skills
All skills →
About this skill
What does the flowchart skill do?

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.

How do I install it?

Run `npx skills add mohitagw15856/pm-claude-skills --skill flowchart --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From mohitagw15856/pm-claude-skills, a repository with 1,255 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going