Open source

Open-source tools by Ben van den Berge.

Small tools, built seriously. demotale records product demos that stay current. graphtale shows what an Agent Skill will do, straight from its SKILL.md.

demotale

CLI · 0.3.0

One walkthrough. Three things you can ship. All of them stay current. Playwright walks the clicks. Text on screen explains each step. You choose a video, a gif, or stills of the real UI, no overlay. The same walkthrough runs in CI when the product changes. No microphone, no account, no upload.

Not a screen grab. A walkthrough CI can run again: a video for the pitch, a gif for the README, or pictures for the docs.

graphtale

Extension · 0.1.1

See what your Agent Skill will actually do, step by step, straight from its SKILL.md. No LLM, nothing changed.

In VS Code and Cursor, numbered headings, lists, and P/N rows with arrows become steps in Flow view. Each step shows its source path and line range. Compact view is part of Flow view. Catalog view is the file inventory. When the structure is missing, you get a diagnosis. Open a step and you are at the source. It discovers skills in the .cursor, .claude, .codex, and .agents skills directories. Local and read-only. No backend, no telemetry.

Install

Graphtale flow view of the review-change skill: numbered steps from its SKILL.md, each with the source path and line range.
Flow view, step by step. Catalog view of the files. A diagnosis when structure is missing. Open the source.