ClaudeTurn a process into a flowchart
Uses visualise
- Process steps to visualize, replacing [PASTE THE PROCESS STEPS]
Use the visualise skill to turn these steps into a compact flowchart: [PASTE THE PROCESS STEPS].
SKILL.md ↗ · Checked Sep 18, 2026
Last commit on March 12, 2026·Created on March 12, 2026
bentossell/visualise
“Puts a diagram where text would run out of room.”
Combined rank
#516
across all skills
Stars
484
+0.6% in last 7d
Forks
24
-4.0% in last 7d
Watchers
0
0 watchers in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR
This skill renders SVG diagrams, HTML widgets, charts, and interactive explainers directly in the conversation stream. It is designed for moments when a spatial, sequential, or systemic relationship is clearer as a visual than as prose. Developers, architects, and educators can use it to illustrate workflows, compare data, or walk through a mechanism without leaving the chat.
WHO IT'S FOR
AI Agent / Automation Builders
integrate inline visual rendering into agent responses
Conversational AI Developers
enhance chat-based AI with dynamic visual generation
Prompt Engineers
design prompts that trigger inline visual creation
Technical Documentation Teams
use AI to generate inline diagrams and explainers
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Use this skill
Follow the documented setup, then try a first task.
User-level installation (recommended)
Installs: Complete visualise skill repository installed for the user.
Before you start
- Git
In a terminal, clone the repository into the documented user-level skill location.
git clone https://github.com/bentossell/visualise.git ~/.agents/skills/visualise
SKILL.md ↗ · Checked Sep 18, 2026README.md ↗ · Checked Sep 18, 2026
Project-level installation
Installs: Complete visualise skill repository installed for one project.
Before you start
- Git
Run from: Project root
In a terminal, run this from the project root to clone the repository into the documented project-level skill location.
git clone https://github.com/bentossell/visualise.git .agents/skills/visualise
SKILL.md ↗ · Checked Sep 18, 2026README.md ↗ · Checked Sep 18, 2026
Give it something to do.
Compare two options visually
Uses visualise
- Names of the two options replacing [OPTION X] and [OPTION Y]
- Comparison criteria and known facts replacing [PASTE CRITERIA AND FACTS]
Use the visualise skill to compare [OPTION X] and [OPTION Y] side by side using these criteria: [PASTE CRITERIA AND FACTS].
SKILL.md ↗ · Checked Sep 18, 2026
Chart a small dataset
Uses visualise
- Dataset labels, values, and units replacing [PASTE LABELS, VALUES, AND UNITS]
Use the visualise skill to create a clear chart from this small dataset: [PASTE LABELS, VALUES, AND UNITS].
SKILL.md ↗ · Checked Sep 18, 2026