Deconstruct.ai
Open WorkspaceUnderstand any codebase visually, interactively, intelligently.
Upload a project ZIP and let Deconstruct.ai analyze, visualize, and explain the architecture — with synchronized code, slides, and quizzes.
Drop your project ZIP here
or click to browse — we filter out node_modules, .git, build outputs, and binaries.
Up to 500MB
Fast Ingestion
Drag-and-drop ZIP upload with smart filtering of build artifacts.
AI Analysis
Gemini maps entry points, data flow, and module relationships.
Slides + Code
Interactive slides synchronized to Monaco editor line numbers.
Smart Quizzes
Concept-reinforcement questions built from the source.
Project Workflow
From raw ZIP to a fully interactive learning session.
Project ZIP
│
▼
ZIP Extraction
│
▼
File Filtering
│
▼
Codebase Parsing
│
▼
Gemini Architecture Analysis
│
▼
Structured JSON
│
├─────────────┐
▼ ▼
Monaco Editor Interactive Slides
│ │
└──────┬──────┘
▼
Sync-to-Line Navigation
│
▼
Learning QuizzesTech Stack
- Next.js 15 (App Router)
- React 19
- Tailwind CSS
- shadcn/ui
- Monaco Editor
- Google Gemini API
- adm-zip
- TypeScript