Detective-board portfolios for developers

near instant architecture diagrams
to visualize your codebases

A pannable, zoomable canvas of the actual systems behind your work — every service, database, library, and decision pinned and labeled. Visitors get a 30-second summary; engineers get the wiring.

clearframe / example-applive
Next.js WebProcessAPI ServiceProcessBackground WorkerProcessPostgresDatabaseRedisDatabaseStripeServiceVercelDistributionReactThird-party
Public clearframes

Real systems, mapped by the people who built them.

A handful of public boards — open them, pan around, click a node to read the trade-offs in the author’s own words.

Typed links

Network call vs build dependency vs subprocess.

Every connection has a meaning. Filter the canvas to one type and the rest fades — the wiring becomes legible, even on systems with hundreds of edges.

network calldata querybuild dependencysubprocessschema share
Decisions tab

Why X over Y, in your words.

The Decisions tab is sacred — AI never writes here. It’s the part of your portfolio that proves you thought, not just shipped. Recruiters skim the wiring; engineers read the trade-offs.

OverviewCodeNetworkDecisionsDemomanual only
Why Postgres over Mongo? We need transactional schema migrations and the relational model maps cleanly to our domain. Mongo's flexibility wasn't worth losing referential integrity.
Why server actions over a REST layer? One project, one client. Type safety end-to-end > protocol ceremony. Will revisit if we ship a mobile client.
2 more — ⌘K to write
Live freshness

Build version, last commit, deploy time — pulled from the source.

Boards stay current without you. GitHub, Vercel, Steam, itch.io feed live status into every node. Visitors see what’s shipping right now, not what shipped last quarter.

last commit
a91f3c2
3 hours ago — “fix: cache headers”
deploy
production · 2 min ago
build v3.21.0 · 1m 14s
build artifacts
web3.21.0
api1.7.4
worker0.9.2
Wall of love

What developers are saying.

I used to lose half a recruiter call explaining what my project actually does. Now they open the board and skim it themselves.
Lorem Ipsum
Senior Engineer · placeholder
The decisions tab is the killer feature. Every architectural call I made is right there, in my own words, instead of buried in a PR description.
Dolor Sit
Staff Engineer · placeholder
Finally a portfolio that doesn’t pretend my side projects are products. Pinned the wiring, pinned the trade-offs, done.
Amet Consectetur
Indie Developer · placeholder
Onboarding a new hire used to take a week of architecture diagrams. We just send the clearframe now.
Adipiscing Elit
Tech Lead · placeholder
I love that the AI can summarize a repo, but it never overwrites the parts I write. Decisions stay mine.
Sed Do
Backend Engineer · placeholder
GitHub shows you what shipped. clearframe shows you why and how. Different problem, finally solved.
Eiusmod Tempor
CTO · placeholder

Map the system you built.

Free while in beta. Build your first board in under ten minutes.