Atlas

Atlas turns any public GitHub repository into an interactive city map you can grok in 30 seconds. Each colored district is a top level directory, each block is a file sized by lines of code, and orange highlights mark the files that actually matter: entry points, central modules, and hotspots. You can pan, zoom, hover for details, and export a high resolution PNG to share or pin in Slack. The problem Atlas solves is onboarding pain: pulling a new repo and spending hours scrolling file trees, jumping between files, trying to build a mental model when there's no fast way to see the shape of a codebase at a glance. I built Atlas end to end with IBM Bob across 12 focused sessions covering planning, the 4 backend agents (Repo Ingester, Structure Parser, Layout Engine, Annotator), frontend, fixes, visual polish, and the final custom input feature. Bob held the full repo context across every session, so I could iterate on the layout algorithm in one session and have the next session understand exactly how that affected the annotator. 78 unit tests pass, all designed and authored collaboratively with Bob, and every session is exported to the bob_sessions folder in the repo for full traceability. The frontend is React 18 with TypeScript and Vite, D3.js v7 for force directed layout, Tailwind CSS for styling, and pnpm for package management. The backend runs as Cloudflare Pages Functions with Octokit for GitHub API integration. Three demo repositories (shadcn/ui, Hono, Drizzle ORM) are pre cached for instant loading, or you can paste any public GitHub repo to analyze live. Built in 48 hours.