gökberk. HomePhotoBlogProjectsMusicAbout

Projects

gökberk bank

hobby
SvelteKitSvelte 5TypeScript
gökberk bank

gökberk bank is my “imaginary” banking and finance app: the banking experience I think I’d love to have, where I can manage my own finances in one place instead of switching between five different fintech apps.

One of the things I realized while building this: “I can’t find what I’m looking for.” Then I realized I was on the right path. That’s the road to a real banking app. I had an idea for how to solve it, though: a global search / command menu, inspired by Datadog’s Druids and Nord Health’s design system. As a user, I should be able to search for the action I’m looking for and have the UI navigate me there, so I built that component into my design system and integrated it into the banking app.

Try it yourself: open the search bar at the top of the app (or hit ⌘K / Ctrl+K) and search for “send money” or “freeze card”.

It’s also a dogfooding showcase for my design system: every screen is composed from the published @gokberknur/design-system gok-* components and --gok-* tokens. It’s frontend-only: mock, seeded, deterministic data, no real backend, money, or PII behind it.

Highlights

  • Accounts & home
  • Payments
  • Cards
  • Borrow & protect
  • Invest
  • Manage
  • Identity & security
  • ⌘K command menu
  • Built with SvelteKit 2, Svelte 5, and TypeScript

How it’s built: a council of skills

Instead of one AI persona building the whole thing, I split the work into a small product organization of Claude Code skills, one “Head of X” per domain (payments, cards, accounts, investing, lending, insurance, and more), each holding that domain’s rules, edge cases, and definition of done, the same way a real bank has a Head of Payments who isn’t the Head of Cards.

Every feature has to clear the same three gates before it’s real: the domain expert decides what must be delivered and what’s deliberately left out; a UX skill designs how the customer experiences it (the journey, the friction, the states); and a Chief Product Owner skill, an invented, competitive head of product who benchmarks against some fintech companies, decides whether it’s actually worth shipping, with real veto power. Nothing ships until all three sign off.

← Back to Projects