Transform Claude Code Insights into a dark-mode dashboard + MP4 video
npx claudepluginhub jung-wan-kim/insights-uiTransform Claude Code Insights report into a dark-mode dashboard + MP4 video (English / Korean)
jung-wan-kimShare bugs, ideas, or general feedback.
Transform Claude Code Insights into a dark-mode interactive dashboard + MP4 video
# 1. Add marketplace (one-time)
claude plugin marketplace add jung-wan-kim/insights-ui
# 2. Install plugin
claude plugin install insights-ui
/insights-ui:builder
You'll be asked two questions:
| Type | Location |
|---|---|
| Dashboard (EN) | ~/.claude/usage-data/report-en.html |
| Dashboard (KO) | ~/.claude/usage-data/report-ko.html |
| Video (MP4) | ~/.claude/usage-data/insights-video.mp4 |
report.html (generated by /insights)insights-ui/
├── .claude-plugin/
│ ├── plugin.json # Plugin manifest
│ └── marketplace.json # Marketplace config
├── commands/
│ └── builder.md # /insights-ui:builder command
├── scripts/
│ └── transform-report.js # Transform script (Node.js)
├── templates/
│ ├── report-en-template.html
│ └── report-ko-template.html
├── video/
│ └── src/
│ ├── InsightsVideo.tsx # Remotion video component
│ ├── Root.tsx # Remotion entry
│ └── types.ts # TypeScript types
├── docs/
│ ├── dashboard-en.png
│ ├── dashboard-ko.png
│ └── demo-video.mp4
└── README.md
claude plugin marketplace remove insights-ui
claude plugin marketplace add jung-wan-kim/insights-ui
claude plugin uninstall insights-ui@insights-ui
claude plugin install insights-ui
MIT