Interactive visual explainer for KARIMO — the autonomous development framework for Claude Code.
Live site: karimo-overview.vercel.app
KARIMO is a framework and Claude Code plugin for PRD-driven autonomous development. Think of it as plan mode on steroids — leveraging Anthropic's latest innovations, including native worktree isolation, sub-agents, agent teams, skills, hooks, and model routing.
Philosophy: You are the architect, agents are the builders
┌──────────┐ ┌──────┐ ┌───────┐ ┌────────┐ ┌─────────────┐ ┌─────────┐
│ RESEARCH │──▸│ PLAN │──▸│ TASKS │──▸│ REVIEW │──▸│ ORCHESTRATE │──▸│ INSPECT │
└──────────┘ └──────┘ └───────┘ └────────┘ └─────────────┘ └─────────┘
│ │ │ │ │ │
└────────────┘ └──────────────┘ └──────────────┘
Loop 1 Loop 2 Loop 3
Human Claude Configurable
| Step | What Happens |
|---|---|
| Research | Discover patterns, libraries, gaps — creates PRD folder |
| Plan | Structured interview captures requirements |
| Tasks | Generate task briefs from research + PRD |
| Review | Claude validates briefs against codebase |
| Orchestrate | Execute in waves with agent teams |
| Inspect | Review each PR (manual, Code Review, or Greptile) |
| Merge | Final PR to main |
This is the explainer site repo. For full documentation, installation, agent architecture, and configuration, see the main repository:
This site walks through KARIMO's pipeline visually — from research through merge — with interactive animations, a live VS Code simulation, and a deep dive into context architecture. Built to help teams understand what KARIMO does before diving into the framework itself.
- Framework: Next.js 16+ (App Router)
- UI: React 19, Tailwind CSS v4
- Animation: Framer Motion, Three.js (React Three Fiber)
- Language: TypeScript
- Deployment: Vercel
Built with Claude Code by Open Session