Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 5 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,8 @@
</p>

<p align="center">
Animated diagrams your AI agent can write.
<b>Your AI walks you through your code, one step at a time.</b><br/>
Animated, multi-level data flows — described in YAML, drawn by your coding agent.
</p>

<p align="center">
Expand All @@ -30,7 +31,7 @@
</p>

<p align="center">
<a href="#try-it-in-60-seconds">Quickstart</a> ·
<a href="#try-it-in-30-seconds">Quickstart</a> ·
<a href="#install-options">Install</a> ·
<a href="#use-cases">Use cases</a> ·
<a href="#how-it-works">How it works</a> ·
Expand All @@ -49,7 +50,7 @@ You ask in plain English; your agent writes the flow as YAML and pushes it; Open
pixels traveling between components on a pixel-art canvas. Click any node to drill into its
sub-flow.

## Try it in 60 seconds
## Try it in 30 seconds

```bash
npx openhop init
Expand All @@ -64,7 +65,7 @@ Now restart your agent so it picks up the new skill, and ask:
The agent generates the YAML, pushes it, and returns a URL with the animation playing.

> [!NOTE]
> `npx openhop init` auto-detects Claude Code, Cursor, Windsurf, Cline, and Continue. For other clients, see [Install](#install).
> `npx openhop init` auto-detects Claude Code, Cursor, Windsurf, Cline, and Continue. For other clients, see [Install](#install-options).

## Features

Expand Down
Loading