<aside>

**Frame | Spec | Architect & Design | Build | Eval | Polish | Ship & Measure | Feedback Loop**

</aside>

<aside>

A practical framework for building AI products from zero to production

Seven stages. Every decision, what to look for, and why it matters.

I built and refined this framework with hands-on AI product work and deep research borrowing into industry best practices industry leaders.


When to Use This

---
config:
  layout: elk
  elk:
    nodePlacementStrategy: NETWORK_SIMPLEX
---
flowchart TD
subgraph Frame["<b>1. Frame</b>"]
direction LR
F1("Problem")
F2("Who Hurts")
F3("AI Durability Check")
F4("Smallest Proof")
F1-->F2-->F3-->F4
end

subgraph Spec["<b>2. Spec</b>"]
direction LR
S1("Inputs")
S2("Outputs")
S3("Data Strategy")
S4("Success Criteria")
S5("Model Eval")
S6("Product Metrics")
S1-->S2-->S3-->S4-->S5-->S6
end

subgraph Arch["<b>3. Architect & Design</b>"]
direction LR
A1("Agent Shape")
A2("Context Strategy")
A3("Tools")
A4("HITL Boundaries")
A5("Safety Boundaries")
A6("UX Flows")
A7("Design System")
A1-->A2-->A3-->A4-->A5-->A6-->A7
end

subgraph Build["<b>4. Build</b>"]
direction LR
B1("AI Scaffolds")
B2("Prompt Engineering")
B3("Tool Integration")
B4("Human Steers Spec")
B1-->B2-->B3-->B4
end

subgraph Eval["<b>5. Eval</b>"]
direction LR
E1("Real Inputs")
E2("Failure Modes")
E3("Prompt Gaps")
E4("Tool Gaps")
E5("Cost / Latency Gates")
E1-->E2-->E3-->E4-->E5
end

subgraph Polish["<b>6. Polish</b>"]
direction LR
P1("Explainability")
P2("Trust Signals")
P3("Edge Cases")
P4("Error States")
P5("Undo")
P1-->P2-->P3-->P4-->P5
end

subgraph Ship["<b>7. Ship & Measure</b>"]
direction LR
M1("Leading: Usage")
M2("Lagging: Outcomes")
M3("Feedback Capture")
M1-->M2-->M3
end

Frame e1@==> Spec
Spec e2@==> Arch
Arch e3@==> Build
Build e4@==> Eval
Eval e5@==> Polish
Polish e6@==> Ship
Ship e7@==> Eval

e1@{ animation: slow }
e2@{ animation: slow }
e3@{ animation: slow }
e4@{ animation: slow }
e5@{ animation: slow }
e6@{ animation: slow }
e7@{ animation: slow }

</aside>

<aside>

1. Frame

Before writing a single prompt or choosing a model, get ruthlessly clear on what you're solving and for whom. This stage prevents the most expensive mistake in AI: building something impressive that nobody needs.

Problem

<aside> <img src="/icons/light-bulb_orange.svg" alt="/icons/light-bulb_orange.svg" width="40px" />

Key Principle

If you can't articulate the problem without mentioning AI, you don't have a problem yet - you have a technology looking for a home.

</aside>

Who Hurts

AI Durability Check

Smallest Proof

<aside>

2. Spec

Translate the validated problem into a precise technical and product specification. This is where most AI projects silently fail - vague specs produce vague AI behaviour.

Inputs

<aside> <img src="/icons/light-bulb_orange.svg" alt="/icons/light-bulb_orange.svg" width="40px" />

Key Principle

Outputs

Data Strategy

Success Criteria

Model Eval

Product Metrics

<aside>

</aside>

<aside>

</aside>

<aside>

</aside>

<aside>

</aside>

<aside>

</aside>

<aside>

</aside>