Organize by the work
Categories contain groups and commands; persistent ordering supports a personal working structure.
↳ Documented product behavior← Selected work
Productivity · Full-stack product / 2026
CommandHub
A personal command library with categories, drag-and-drop groups and optional AI explanations.
My role
Product design & development
The scope
React · TypeScript · Express
Project status
Open-source application
The project, at a glance
- The challenge
- Commands become difficult to reuse when they are scattered across notes and terminal history.
- My contribution
- I designed and built the command library, organization controls, persistent backend and optional AI annotation flow.
- What came out of it
- A public implementation that keeps commands together with their purpose and context.
Desktop workflow / CommandHubGood commands.
Good commands.
Right where you need them.
01Organize02Annotate03Reuse
Original application capture
CommandHubExisting app screenshot · command organization
01 / The question behind the work
Give useful commands a place you can find again.
The problem
Commands get scattered across notes, terminal history and project READMEs. A saved snippet becomes more useful when its purpose and context stay attached.
My contribution
Command-library information architecture, organization interactions, React interface, persistent backend and optional AI annotation flow.
What the work delivers
React + TypeScript interface, Category/group/command CRUD, Persistent drag-and-drop ordering, Express + TypeORM + SQLite API, Optional AI annotation, API, unit and Playwright test setup.
02 / Design decisionsThe thinking
The thinking
in the details.
Specific choices, connected to the work you can see.
Keep context beside the command
Store descriptions and optional AI annotations with the snippet, making it easier to remember when and why to use it.
↳ Documented product behaviorMake reordering a core interaction
Support cross-container movement and preserve the resulting order.
↳ Documented product behavior03 / Connecting the experience
How the pieces connect.
Select a stage to explore its purpose.
The moment
Save a command and the reason for using it.
The design intention
Keep useful context attached to the snippet.
New portfolio explanation based on the documented implementation and original project material.
04 / Inside the experienceThe details.
The details.
With a purpose.
Selected views, framed to explain the work. Complete original artifacts are available in the source collection below.
Turn a command into reusable knowledge
Groups and annotations connect a command to the reason someone would run it. This is an original application capture.
Original presentation boards1 source artifacts +
The complete originals behind this case study. Open a board to inspect the source presentation.
05 / What this work brings togetherCommandHub
CommandHub
in perspective.
The result
A complete public implementation with an existing application screenshot. This review did not rerun its test suite or establish usage metrics.
Sources & presentation notes +
Test tooling and suites exist; no new test-pass claim is made here.
The journey diagrams and editorial explanations were prepared for this portfolio from the available project evidence. They are not additional historical research or measured outcomes.
Keep exploring / Next project
A shared session picker for Codex CLI, Claude Code and OpenCode, with previews, aliases and project-aware resume.