diff --git a/README.md b/README.md index 98ab208..baea74e 100644 --- a/README.md +++ b/README.md @@ -28,7 +28,10 @@
Quickstart · + Live demo · + Token use · Install · + Sharing · Use cases · How it works · Examples · @@ -36,18 +39,23 @@
- Local-first. Your code never leaves your machine. No telemetry. + Local-first. Token-light. Your code never leaves your machine. No telemetry.
--- ## Why -AI coding agents are great at explaining how code works — in 800-line bullet walls and complicated diagrams you can't verify. -OpenHop is a skill that lets your agent emit **animated data-flow diagrams**, making it much easier to understand what it’s actually yapping about. -You ask in plain English; your agent writes the flow as YAML and pushes it; OpenHop renders animated data -pixels traveling between components on a pixel-art canvas. Click any node to drill into its -sub-flow. +AI coding agents are great at explaining how code works — in 800-line bullet walls and complicated static diagrams you can't actually follow. + +OpenHop is a skill that lets your agent emit an **animated, multi-level data-flow diagram** instead. You ask in plain English; your agent writes the flow as YAML and pushes it; OpenHop takes care of the rest — and you walk it at your own pace. + +**Why an animated flow beats a static Mermaid/PlantUML picture:** + +- 🎞 **Step through it, don't squint at it.** Play, pause, prev/next, restart. The flow runs _over time_, the way the code actually does. You watch one hop happen, then the next, then the next. +- 🔍 **Drill into sub-flows.** Click any node to zoom into how it works inside. Infinite depth, same controls at every level. +- 🧠 **Token-light by design.** The YAML the agent emits is a fraction of the prose walkthrough it replaces — see [Token use](#token-use) for the numbers on real flows. +- 🔒 **Local-first, no telemetry.** Your code never leaves your machine. No analytics, no phone-home, no account required. ## Try it in 30 seconds @@ -66,15 +74,15 @@ The agent generates the YAML, pushes it, and returns a URL with the animation pl > [!NOTE] > `npx openhop init` auto-detects Claude Code, Cursor, Windsurf, Cline, and Continue. For other clients, see [Install](#install-options). -## Features +## Live demo + +Click and play, no install required: **