Pick a design direction

Three takes on the crawl4ai docs aesthetic applied to the hooker landing page. Click to select.

✓ Selected
How it worksFeaturesInstall
GitHub
Open source · Local-first · Zero cloud
Full visibility into your
AI coding agents
Captures every hook from Claude Code & Codex.
Normalized events. Real-time dashboard. No cloud.
View on GitHub →
git clone …hooker && make build
⚡

Real-time SSE feed

Events pushed the moment they land

🔒

Zero cloud

SQLite only, fully offline

📊

Session waterfall

Nested traces with duration

A — Material Docs Dark

Teal on near-black #0d1117. Clean card grid. Closest to the crawl4ai docs look — same palette, same precision.

✓ Selected
how-it-worksfeaturesinstall
github
$ hooker --status
Watch every
move your AI makes
Every tool call, command, response. Captured. Normalized. Yours.
$ git clone github.com/…/hooker && make build
$ hooker-monitor &
✓ listening on :8765
0mscloud latency
∞events/sec
100%local
SSE stream

Events pushed as they arrive

SQLite only

No external services

B — Terminal / Hacker Green

Pitch black + bright #00ff88. Monospace-heavy. Developer identity baked in — feels like a tool, not a product page.

✓ Selected
How it worksFeaturesInstall
GitHub
Local-first · Open source
Your AI agents,
fully visible
Captures every hook event from Claude Code & Codex. Normalized, streamed, searchable. No cloud.
Get Started →
View on GitHub
bashCopy
# clone & build
git clone github.com/…/hooker
make build

# configure Claude Code hook
"PostToolUse": [{
  "command": "curl … /api/hook"
}]

Real-time SSE

Events streamed live to browser

Session waterfall

Nested traces + durations

Zero cloud

SQLite only, fully offline

C — Docs + Landing Hybrid

Dark navy with cyan→purple gradient accent. Split hero (copy left, code right). More marketing energy while keeping the docs-site precision.