A visual UI for browsing, editing, and managing coding agent skills.
Anywhere, anytime — just run popopen.
npm install -g popopenRequirements: Node.js 18+
popopenThat's it. Run it from any directory, any time — Popopen opens in your browser instantly. If it's already running, it just pops the tab back up. No setup, no config, no arguments required.
PORT=4000 popopen # use a different port- Browse & edit skills — view all installed and custom skills, edit markdown files with live preview
- Frontmatter editor — toggle skill settings (
disable-model-invocation, descriptions, etc.) without touching raw YAML - Search — full-text search across all skill files
- Dashboard — usage analytics (views, edits, saves) tracked locally
- Version history — per-skill git log and the ability to initialize git tracking on any skill
- Bulk operations — batch toggle frontmatter fields, export skills as a ZIP
- Update checker — compares installed skill folder hashes against their GitHub source and applies updates via the Claude Code CLI
- Uninstall — remove installed or custom skills from the UI
Popopen is a local Express server that reads from ~/.claude/skills/ (custom skills) and ~/.agents/skills/ (agent-installed skills). It works with any coding agent that follows the skills convention. All data stays on your machine — nothing is sent to any external service except GitHub API calls for the update checker.
The server binds to 127.0.0.1 only and is not accessible from other machines on your network.
Analytics are stored in ~/.popopen/analytics.json.
git clone https://github.com/mriziq/popopen.git
cd popopen
npm install
npm run devStarts the Express server at http://localhost:3377. Refresh the browser to pick up UI changes during development.
To test against a different skills directory:
SKILLS_DIR=~/my-test-skills npm run devThe entry point is server/index.js. Static assets are served from public/. All routes live under server/routes/.
npm uninstall -g popopen