Available Flows
Architecture Diagram
Flow Steps
1
User
User navigates to /vercel/next.js in browser
2
RepoPage
Next.js SSR checks for cached analysis
📤 await getAnalysis({ owner: 'vercel', name: 'next.js' })
3
KVCache
Returns null - no cached analysis found
📥 null
4
ProgressStream
Renders progress component and starts analysis
5
AnalyzeAPI
Validates repository and creates analysis job
📤 POST /api/analyze
{"owner": "vercel", "name": "next.js"}
6
GitHubAPI
Validates repository exists and is accessible
📤 GET https://api.github.com/repos/vercel/next.js
7
StreamAPI
Downloads repository tarball
📤 GET https://api.github.com/repos/vercel/next.js/tarball
8
ClaudeAPI
Analyzes codebase structure with AI
📤 POST https://api.anthropic.com/v1/messages
Analyze this Next.js repository structure...
9
BlobStorage
Stores generated Mermaid diagram
📤 PUT blob://diagram-vercel-nextjs.mmd
10
KVCache
Caches analysis metadata for future requests
📤 SET analysis:vercel:next.js {id, createdAt, flows...}
11
DiagramViewer
Renders interactive Mermaid diagram with animations