Shipton.

Shipton is a full logistics product in one monorepo: a documented backend and four frontends. It's my test of how far an AI-driven workflow goes. Designs live in Figma, Claude Code writes the code, and I direct, review and own every decision.

1. 01Sole frontend developer across four apps: customer, driver, fleet manager and super admin.
2. 02Designed the monorepo layout: backend/ plus frontend/ with one folder per app.
3. 03Run Claude Code in VS Code against the codebase and backend docs.
4. 04Match the Figma file through Figma MCP, component by component.

Fully AI-driven. I write the intent, constraints and reviews; Claude Code writes the code against the backend docs and the Figma file.

1. Figma

   Design

   Every screen for all four apps lives in the Shipton Figma file.

2. Figma MCP

   Extract

   Frames, tokens and specs pulled into the editor, no Dev seat needed.

3. Claude Code

   Generate

   Screens and components written against the documented backend APIs.

4. Me

   Review

   Architecture calls, code review, type checks and fixes.

5. Expo Go

   Test

   Run on a real phone over local IP to check every flow.