alchaincyf/fanbox

What it solves

FanBox is designed for developers who use AI coding agents (like Claude Code or Codex) to rapidly prototype projects. It solves the problem of "AI sprawl"—where multiple AI-generated projects are scattered across a local filesystem, making it difficult to track which files were changed, what the was current state of the project, and how to switch between different agent sessions.

How it works

FanBox acts as a "cockpit" by combining a file browser, a real embedded terminal, and a live preview window into a single interface. It monitors the filesystem to provide visual feedback when an agent modifies a file, allowing users to track AI progress in real-time. It integrates directly with terminal-based agents via official hooks to detect exactly when an agent is working, waiting for input, or has finished a task.

Who it’s for

Developers and "vibe coders" who rely on terminal-based AI coding agents to build projects locally and need a streamlined way to find, preview, and manage the output of those agents without jumping between multiple windows.

Highlights

• Agent-Aware File Browser: File cards glow and ripple when modified by an agent, with a "Follow mode" that automatically scrolls to and previews the file currently being edited.
• Integrated Terminal: A full node-pty and xterm.js terminal that supports dragging files for context and clickable file paths.
• Session Management: Tracks project memory, including historical sessions and the files changed in each, with one-click "resume" capabilities for agents like Claude Code.
• Round-based Diffing: A dedicated panel to review changes made in a single agent "round," featuring side-by-side diffs and the ability to roll back specific files or the entire round.
• Rich Previews: Built-in rendering for Markdown, HTML, images, PDFs, and videos, including a Notion-style WYSIWYG editor for Markdown.
• AI-Powered Organization: Proposes cleanup plans based on metadata to help organize scattered AI projects.