A00 AI
AI is the tool. The thinking is mine.
A01 Two jobs
Kept apart.
The engineer
What I do
- Frame the problem and what the person using it needs to do
- Design the architecture, the data model and the boundaries between packages
- Write the domain logic and decide the edge cases: money, carts, tickets, permissions
- Read and review every change before it goes in
- Decide what ships, and when
The tool
What the tool does
- Draft boilerplate and repetitive code from a design I have already made
- Suggest options that I compare and often reject
- Write a first pass of tests that I then tighten
- Explain unfamiliar code or a library I have not used
- Speed up refactors whose shape I have already chosen
A02 How the work runs
My process, with the tool in it.
- 01RenderingContext and goalme
Who it is for, what they need to do, what done looks like. Written down before any code.
- 02QueuedSpec and acceptance criteriame
A plan file, a DESIGN.md and an agent guide in the repository, so every session starts from the same truth.
- 03QueuedArchitectureme
Apps, packages and boundaries. Domain logic in plain TypeScript packages, secrets kept on the server.
- 04QueuedAgent-assisted buildme + agent
Coding agents (Claude Code, Codex) implement against the spec in small slices while I review the diffs.
- 05QueuedTypecheck and testschecks
Strict TypeScript, Vitest unit tests, Playwright journeys and, where AI is involved, evals.
- 06QueuedHuman review and sign-offme
Nothing risky ships on an agent's say-so. In the VibeBox Agent Console, risky stories wait for an explicit approval.
- 07QueuedRelease and observeme
Deploy, check the live build, write down what changed and what is left.
Scroll to run the queue. The release step waits for you.
Scroll to run the queue. The release step waits for you.
A03 Inside the products
Where a model earns a place.
Fitness and nutrition
Turns a spoken set or a plate photo into a logged entry, with a spoken reply.
- 01Voice
- 02Speech to text
- 03Set grammar or model
- 04Tool calls
- 05Database
- 06Spoken reply
Personal finance
Tala previews money insights only after the user opts in to sharing data with AI.
- 01Consent
- 02Typed request
- 03AI gateway
- 04Typed preview
- 05User decides
Retail point of sale
Turns a spoken order into a cart through an intent parser and an agent loop with tool schemas.
- 01Voice
- 02Intent parser
- 03Agent loop
- 04Tool schemas
- 05Cart
- 06Receipt
Digital media
Collects trends, clusters stories and drafts research packages that an editor reviews.
- 01Feeds and searches
- 02Clustering
- 03Trend score
- 04Research draft
- 05Editor
A04 Principles
Four rules that repeat.
wire pass
Specs before code
Each repository carries its plan, its design system and an agent guide, so the next session (human or agent) starts from the same facts.
AGENTS.md, DESIGN.md and PLAN.md files across the studio's repositories
clay pass
Logic outside the UI
Money, carts, tickets and payouts live in plain TypeScript packages with their own tests, not inside components.
packages/core in Kaha, packages/ticketing in TicketBoxPH, packages/domain in Kaban
lookdev pass
Every change is read
Nothing a coding tool writes goes in unread. I review each diff, run the type checks and tests, and rewrite whatever does not fit the design I set.
Strict TypeScript, Vitest and Playwright gates in the repositories
final pass
A person approves what ships
Agents draft and implement. Payments, releases and risky changes need a human to look first.
VibeBox Agent Console approvals; Barty Bakes payment attestation
A05 How Kami works
Grounded, or quiet.
- 01Your question
- 02Retrieve site facts
- 03Claude, or the local engine
- 04Answer and cards
- 05Contact when unsure