Step 1 — Prerequisites
You need Claude Code
This project requires Claude Code installed and at least a few sessions of usage. The more sessions you have, the richer your dev log will be.
# Install Claude Code if you haven't already
$ npm install -g @anthropic-ai/claude-codeStep 2 — Generate Insights
Run /insights in Claude Code
Open Claude Code and run the /insights command. This analyzes your session data and generates a report.
# In any Claude Code session, type:
claude> /insights
# This generates a report at:
# ~/.claude/usage-data/report.htmlStep 3 — Fork & Configure
Fork this repo and add your data
Clone the repo, paste your insights JSON into src/data/insights.json, and run the generator.
# Clone
$ git clone https://github.com/YOUR_USER/claude-log
$ cd claude-log
$ npm install
# Paste your insights JSON into:
# src/data/insights.json
# Generate posts
$ npm run generate
# Preview locally
$ npm run build
$ npx serve outStep 4 — Deploy
Deploy to Vercel
Push to GitHub and import into Vercel. The static export deploys instantly with zero configuration.
$ git add -A
$ git commit -m "feat: my dev log"
$ git push origin main
# Then import on vercel.com/new
# Framework: Next.js (auto-detected)
# Output: Static export (auto-configured)Step 5 — Update
Update whenever you want
Run /insights again after more sessions, replace the JSON, regenerate, and push. Your dev log grows with you.
Tip: The more sessions you have across different projects, the richer and more interesting your dev log becomes. Each
/insights run captures your evolving workflow.