Skip to content

Commit 3d881df

Browse files
apartsinclaude
apartsin
and
claude
committed
Add Part XI: From Idea to AI Product (Chapter 36, 6 sections)
New capstone Part bridging technical depth with product-building skills. Covers AI product differences, model role selection, vibe coding, prototype loops, launch economics, and AI copilots at every stage. Includes ToC, navigation, pathway updates, section 13.8 fixes, and HTML structure checker. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 9eb3901 commit 3d881df

16 files changed

Lines changed: 3723 additions & 4 deletions

File tree

‎BOOK_CONFIG.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,9 @@ Part 9: Safety & Strategy (part-9-safety-strategy/)
8484
Part 10: Frontiers (part-10-frontiers/)
8585
34: Emerging Architectures module-34-emerging-architectures
8686
35: AI & Society module-35-ai-society
87+
88+
Part 11: From Idea to AI Product (part-11-idea-to-product/)
89+
36: From Idea to AI Product module-36-idea-to-product
8790
```
8891

8992
**Note:** Part 2 contains module-18 (Interpretability) and Part 6 contains module-23

‎front-matter/pathways/product-builder.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -70,6 +70,7 @@ <h2>Chapter Guide</h2>
7070
<li><span class="action action-focus">Focus</span> <a class="cross-ref" href="../../part-9-safety-strategy/module-33-strategy-product-roi/index.html">Ch 33: Strategy, Product and ROI</a> <span class="pw-reason">ROI frameworks and pricing strategy</span></li>
7171
<li><span class="action action-skim">Skim</span> <a class="cross-ref" href="../../part-10-frontiers/module-34-emerging-architectures/index.html">Ch 34: Emerging Architectures</a> <span class="pw-reason">stay ahead of emerging capabilities</span></li>
7272
<li><span class="action action-skim">Skim</span> <a class="cross-ref" href="../../part-10-frontiers/module-35-ai-society/index.html">Ch 35: AI and Society</a> <span class="pw-reason">societal context for responsible products</span></li>
73+
<li><span class="action action-focus">Focus</span> <a class="cross-ref" href="../../part-11-idea-to-product/module-36-idea-to-product/index.html">Ch 36: From Idea to AI Product</a> <span class="pw-reason">the capstone: hypothesis, prototype loop, launch economics</span></li>
7374
</ul>
7475

7576
<div class="callout note">

‎part-10-frontiers/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ <h2>Part Overview</h2>
6666

6767
<div class="whats-next">
6868
<h3>What's Next?</h3>
69-
<p>You have reached the final part of the book. Return to the <a href="../index.html">Book Home</a> to revisit any topic, or explore the <a href="../toc.html">Appendices</a> for additional reference material.</p>
69+
<p>With the frontier questions mapped, <a href="../part-11-idea-to-product/index.html">Part XI: From Idea to AI Product</a> shows you how to turn these capabilities into a shipped product, covering the entrepreneur's operating model from hypothesis through launch.</p>
7070
</div>
7171

7272
<footer>

‎part-10-frontiers/module-35-ai-society/section-35.9.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -614,7 +614,7 @@ <h2>What Comes Next</h2>
614614
<nav class="chapter-nav">
615615
<a class="prev" href="section-35.8.html">Self-Improving and Adaptive Agents in Deployment Loops</a>
616616
<a class="up" href="index.html">Chapter 35: AI, Society &amp; Open Problems</a>
617-
<a class="next" href="../../appendices/appendix-a-mathematical-foundations/index.html">Mathematical Foundations</a>
617+
<a class="next" href="../../part-11-idea-to-product/module-36-idea-to-product/index.html">From Idea to AI Product</a>
618618
</nav>
619619

620620
<footer>

‎part-11-idea-to-product/index.html‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Part XI: From Idea to AI Product. Building Conversational AI with LLMs and Agents.">
7+
<title>Part XI: From Idea to AI Product | Building Conversational AI with LLMs and Agents</title>
8+
<link rel="stylesheet" href="../styles/book.css">
9+
</head>
10+
<body>
11+
<header class="chapter-header">
12+
<nav class="header-nav">
13+
<a href="../index.html" class="book-title-link">Building Conversational AI with LLMs and Agents</a>
14+
<a href="../toc.html" class="toc-link" title="Table of Contents"><span class="toc-icon">&#9776;</span> Contents</a>
15+
</nav>
16+
<div class="part-label"><a href="../index.html">Building Conversational AI with LLMs and Agents</a></div>
17+
<h1>Part XI: From Idea to AI Product</h1>
18+
<p class="chapter-subtitle">The entrepreneur's operating model for building, launching, and iterating on AI-centered products.</p>
19+
</header>
20+
21+
<main class="content">
22+
23+
<div class="part-overview">
24+
<h2>Part Overview</h2>
25+
<p>
26+
Part XI bridges the gap between knowing how LLMs work and shipping a product that uses them. Where earlier Parts taught you to build RAG pipelines, fine-tune models, and orchestrate agents, this Part shows you how to run the rapid, evidence-driven iteration cycles that turn a promising prototype into a reliable, economically viable product. It is designed for founders, product managers, and engineers who need an operating model, not just technical skills.
27+
</p>
28+
<p>
29+
Chapters: 1 (Chapter 36). A practical capstone that references techniques from every earlier Part and translates them into founder-ready artefacts, decision frameworks, and a repeatable build loop.
30+
</p>
31+
</div>
32+
33+
<div class="callout big-picture">
34+
<div class="callout-title">Big Picture</div>
35+
<p>AI product development is fundamentally different from deterministic software development. Outputs are probabilistic, quality requires measurement across distributions, and "shipping" means establishing a quality gate with continuous monitoring. This Part gives you the operating model to navigate these differences: from framing your AI hypothesis, through responsible prototyping with AI coding tools, to launch readiness with real unit economics.</p>
36+
</div>
37+
38+
<div class="chapter-card">
39+
<div class="chapter-card-header">
40+
<a href="module-36-idea-to-product/index.html"><span class="mod-num">Chapter 36</span> From Idea to AI Product</a>
41+
</div>
42+
<div class="chapter-card-body">
43+
<p>The end-to-end roadmap from idea to launched AI product. Covers what makes AI products different, choosing the model's role, modern build trends including vibe coding, the founder's prototype loop, launch economics, and AI copilots at every stage.</p>
44+
<ul class="section-list">
45+
<li><a href="module-36-idea-to-product/section-36.1.html"><span class="sec-num">36.1</span> What Makes AI Products Different</a></li>
46+
<li><a href="module-36-idea-to-product/section-36.2.html"><span class="sec-num">36.2</span> Choosing the Model's Role</a></li>
47+
<li><a href="module-36-idea-to-product/section-36.3.html"><span class="sec-num">36.3</span> Modern Build Trends: Vibe Coding and Steering Loops</a></li>
48+
<li><a href="module-36-idea-to-product/section-36.4.html"><span class="sec-num">36.4</span> The Founder's Prototype Loop</a></li>
49+
<li><a href="module-36-idea-to-product/section-36.5.html"><span class="sec-num">36.5</span> Launch Constraints and AI Unit Economics</a></li>
50+
<li><a href="module-36-idea-to-product/section-36.6.html"><span class="sec-num">36.6</span> AI Copilots at Every Stage</a></li>
51+
</ul>
52+
</div>
53+
</div>
54+
55+
<div class="whats-next">
56+
<h3>What's Next?</h3>
57+
<p>With the product-building operating model in hand, you have completed the book's journey from foundations to frontiers to product. Explore the <a href="../appendices/appendix-a-mathematical-foundations/index.html">Appendices</a> for reference material, or revisit the <a href="../front-matter/pathways/product-builder.html">Build AI Products pathway</a> to review your learning trajectory.</p>
58+
</div>
59+
60+
<footer>
61+
<p class="footer-title">Building Conversational AI with LLMs and Agents, Fifth Edition</p>
62+
<p>&copy; 2026 Alexander Apartsin &amp; Yehudit Aperstein &middot; <a href="../toc.html">Contents</a></p>
63+
<p class="footer-updated">Last updated: <script>document.write(new Date(document.lastModified).toLocaleDateString('en-US', {year:'numeric', month:'long', day:'numeric'}))</script></p>
64+
</footer>
65+
</main>
66+
</body>
67+
</html>

‎part-11-idea-to-product/module-36-idea-to-product/images/illustration-prompts.json‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
[
2+
{
3+
"name": "section-36.1-opener",
4+
"prompt": "Whimsical digital illustration in warm cartoon style: a traditional deterministic vending machine (left, rigid, mechanical, dispensing identical items) next to a glowing AI oracle booth (right, colorful, swirling with probability clouds and question marks). A confused developer stands between them holding a product roadmap. Soft gradients, playful proportions, no text.",
5+
"output": "part-11-idea-to-product/module-36-idea-to-product/images/ai-product-differences.png"
6+
},
7+
{
8+
"name": "section-36.2-opener",
9+
"prompt": "Whimsical digital illustration in warm cartoon style: a horizontal spectrum dial like a radio tuner, with 'Copilot' on the left (a small friendly robot assistant handing a document to a human) and 'Autopilot' on the right (a large robot sitting alone at a desk). The dial's needle points to the middle. Five small icons below represent roles: pencil (drafter), tag (classifier), signpost (router), magnifying glass (researcher), checkmark shield (verifier). Soft gradients, playful proportions, no text.",
10+
"output": "part-11-idea-to-product/module-36-idea-to-product/images/model-role-spectrum.png"
11+
},
12+
{
13+
"name": "section-36.3-opener",
14+
"prompt": "Whimsical digital illustration in warm cartoon style: a developer wearing headphones sits at a glowing monitor, with a circular loop of colorful arrows around them labeled with icons: eye (observe), hand on steering wheel (steer), sparkle (generate), clipboard (document). Musical notes and code snippets float in the background suggesting a creative flow state. Soft gradients, playful proportions, no text.",
15+
"output": "part-11-idea-to-product/module-36-idea-to-product/images/vibe-coding-loop.png"
16+
},
17+
{
18+
"name": "section-36.4-opener",
19+
"prompt": "Whimsical digital illustration in warm cartoon style: a vertical rocket launch pad where the rocket is built from stacked colorful building blocks (each block a different prototype stage). A small founder figure stands at the base with a clipboard, watching the rocket. Three circular arrows surround the rocket: Build (hammer icon), Measure (ruler icon), Steer (compass icon). Soft gradients, playful proportions, no text.",
20+
"output": "part-11-idea-to-product/module-36-idea-to-product/images/prototype-loop.png"
21+
},
22+
{
23+
"name": "section-36.5-opener",
24+
"prompt": "Whimsical digital illustration in warm cartoon style: a balance scale where one side holds a glowing AI brain (representing capability) and the other holds a stack of gold coins with tiny token symbols (representing cost). A startup founder peers through a magnifying glass at the balance point. A small checklist clipboard floats nearby with green checkmarks. Soft gradients, playful proportions, no text.",
25+
"output": "part-11-idea-to-product/module-36-idea-to-product/images/launch-economics.png"
26+
},
27+
{
28+
"name": "section-36.6-opener",
29+
"prompt": "Whimsical digital illustration in warm cartoon style: a timeline path from left to right showing five stations, each with a small friendly AI robot helping a human with a different task: brainstorming (lightbulbs), writing requirements (document), building code (laptop), testing (magnifying glass), and launching (rocket). The path connects all stations with a glowing golden thread. Soft gradients, playful proportions, no text.",
30+
"output": "part-11-idea-to-product/module-36-idea-to-product/images/copilots-every-stage.png"
31+
}
32+
]

‎part-11-idea-to-product/module-36-idea-to-product/index.html‎

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta name="description" content="Chapter 36: From Idea to AI Product. The entrepreneur's operating model for building, launching, and iterating on AI-centered products.">
7+
<title>Chapter 36: From Idea to AI Product | Building Conversational AI with LLMs and Agents</title>
8+
<link rel="stylesheet" href="../../styles/book.css">
9+
</head>
10+
<body class="index-page chapter-index">
11+
12+
<header class="chapter-header">
13+
<nav class="header-nav">
14+
<a href="../../index.html" class="book-title-link">Building Conversational AI with LLMs and Agents</a>
15+
<a href="../../toc.html" class="toc-link" title="Table of Contents"><span class="toc-icon">&#9776;</span> Contents</a>
16+
</nav>
17+
<div class="part-label"><a href="../index.html">Part 11: From Idea to AI Product</a></div>
18+
<div class="chapter-label"><a href="index.html">Chapter 36</a></div>
19+
<h1>From Idea to AI Product</h1>
20+
</header>
21+
22+
<main class="content">
23+
24+
<blockquote class="epigraph">
25+
<p>"Everyone has a demo that works once. The hard part is building something that works a thousand times, for a thousand different users, without bankrupting you on API costs."</p>
26+
<cite><span class="agent-avatar-inline" style="background-color: #3498db;"><img src="../../front-matter/images/agents/compass.png" alt="Compass"></span> <a href="../../front-matter/wisdom-council.html#compass">Compass</a> <span class="agent-desc">AI Agent</span></cite>
27+
</blockquote>
28+
29+
<div class="overview">
30+
<h2>Chapter Overview</h2>
31+
<p><strong>Building an AI product is not primarily an engineering scheduling problem; it is a feasibility-and-evidence problem.</strong> AI shifts product design toward roles the model can perform reliably enough, cheaply enough, and fast enough to be useful in a workflow. This chapter gives you the operating model to navigate that shift.</p>
32+
<p>You will learn to frame AI product hypotheses, choose the right architecture pattern, run evidence-based prototype-to-production loops, apply "vibe coding" responsibly, and make launch decisions that account for token economics, compliance, and reliability. Every section produces a concrete, reusable artefact: an AI Role Canvas, an Intent and Evidence Bundle, a Prototype Playbook, and a Launch Readiness Checklist.</p>
33+
<p>This chapter is not a parallel mini-book. It explicitly references (not re-teaches) the technical depth from earlier chapters: <a class="cross-ref" href="../../part-3-working-with-llms/module-10-llm-apis/index.html">APIs (Ch 10)</a>, <a class="cross-ref" href="../../part-3-working-with-llms/module-11-prompt-engineering/index.html">prompting (Ch 11)</a>, <a class="cross-ref" href="../../part-5-retrieval-conversation/module-20-rag/index.html">RAG (Ch 20)</a>, <a class="cross-ref" href="../../part-8-evaluation-production/module-29-evaluation-observability/index.html">evaluation (Ch 29)</a>, <a class="cross-ref" href="../../part-8-evaluation-production/module-31-production-engineering/index.html">production (Ch 31)</a>, and <a class="cross-ref" href="../../part-9-safety-strategy/module-33-strategy-product-roi/index.html">strategy (Ch 33)</a>. Its unique contribution is showing how these elements co-evolve in a rapid, founder-grade iteration cycle.</p>
34+
</div>
35+
36+
<div class="prereqs">
37+
<h3>Prerequisites</h3>
38+
<ul>
39+
<li><a class="cross-ref" href="../../part-3-working-with-llms/module-10-llm-apis/index.html">Chapter 10: LLM APIs</a> (making API calls, structured output)</li>
40+
<li><a class="cross-ref" href="../../part-3-working-with-llms/module-11-prompt-engineering/index.html">Chapter 11: Prompt Engineering</a> (prompt design, guardrails)</li>
41+
<li><a class="cross-ref" href="../../part-8-evaluation-production/module-29-evaluation-observability/index.html">Chapter 29: Evaluation</a> (quality gates, metrics)</li>
42+
<li>Basic Python proficiency and familiarity with REST APIs</li>
43+
</ul>
44+
</div>
45+
<div class="outcomes">
46+
<h3>Learning Outcomes</h3>
47+
<ul>
48+
<li>Convert an idea into an AI product hypothesis with explicit model role, data needs, risk tier, and cost assumptions</li>
49+
<li>Choose an initial architecture pattern (API-only, RAG, tool-using agent, hybrid) using the book's decision framework</li>
50+
<li>Run a prototype-to-production feedback loop where evaluation and observability are first-class</li>
51+
<li>Apply "vibe coding" responsibly: accelerate scaffolding while maintaining verification discipline</li>
52+
<li>Make startup-grade deployment decisions that trade off time-to-demo, reliability, compliance, and unit economics</li>
53+
</ul>
54+
</div>
55+
56+
<h2>Sections in This Chapter</h2>
57+
58+
<ul class="sections-list">
59+
<li>
60+
<a href="section-36.1.html" class="section-card">
61+
<span class="section-num">36.1</span>
62+
<span class="section-title">What Makes AI Products Different</span>
63+
<span class="section-desc">
64+
Probabilistic behavior, non-binary correctness, human-AI UX design for uncertainty
65+
and trust, ML maintenance debt, and agent failure modes.
66+
</span>
67+
</a>
68+
</li>
69+
<li>
70+
<a href="section-36.2.html" class="section-card">
71+
<span class="section-num">36.2</span>
72+
<span class="section-title">Choosing the Model's Role</span>
73+
<span class="section-desc">
74+
The copilot-to-autopilot spectrum. Role assignment patterns (drafter, classifier,
75+
router, researcher, verifier). The AI Role Canvas deliverable.
76+
</span>
77+
</a>
78+
</li>
79+
<li>
80+
<a href="section-36.3.html" class="section-card">
81+
<span class="section-num">36.3</span>
82+
<span class="section-title">Modern Build Trends: Vibe Coding and Steering Loops</span>
83+
<span class="section-desc">
84+
Observe-steer development loops, documentation as control surface,
85+
multi-provider routing, and the Intent + Evidence Bundle deliverable.
86+
</span>
87+
</a>
88+
</li>
89+
<li>
90+
<a href="section-36.4.html" class="section-card">
91+
<span class="section-num">36.4</span>
92+
<span class="section-title">The Founder's Prototype Loop</span>
93+
<span class="section-desc">
94+
A vertical-slice prototype that maps to later chapters. AI coding assistants
95+
for scaffolding with verification discipline. The Prototype Playbook deliverable.
96+
</span>
97+
</a>
98+
</li>
99+
<li>
100+
<a href="section-36.5.html" class="section-card">
101+
<span class="section-num">36.5</span>
102+
<span class="section-title">Launch Constraints and AI Unit Economics</span>
103+
<span class="section-desc">
104+
Token billing physics, deployment platform choices, security and compliance
105+
readiness, and the Launch Readiness Checklist deliverable.
106+
</span>
107+
</a>
108+
</li>
109+
<li>
110+
<a href="section-36.6.html" class="section-card">
111+
<span class="section-num">36.6</span>
112+
<span class="section-title">AI Copilots at Every Stage</span>
113+
<span class="section-desc">
114+
Using AI assistants for idea framing, requirements, prototyping, prompt steering,
115+
and evidence-based iteration. The capstone lab and assessment rubric.
116+
</span>
117+
</a>
118+
</li>
119+
</ul>
120+
121+
<nav class="chapter-nav">
122+
<a class="prev" href="../../part-10-frontiers/module-35-ai-society/section-35.9.html">AI, Society &amp; Open Problems</a>
123+
<a class="up" href="../index.html">Part 11: From Idea to AI Product</a>
124+
<a class="next" href="section-36.1.html">What Makes AI Products Different</a>
125+
</nav>
126+
127+
<footer>
128+
<p class="footer-title">Building Conversational AI with LLMs and Agents, Fifth Edition</p>
129+
<p>&copy; 2026 Alexander Apartsin &amp; Yehudit Aperstein &middot; <a href="../../toc.html">Contents</a></p>
130+
<p class="footer-updated">Last updated: <script>document.write(new Date(document.lastModified).toLocaleDateString('en-US', {year:'numeric', month:'long', day:'numeric'}))</script></p>
131+
</footer>
132+
</main>
133+
</body>
134+
</html>

0 commit comments

Comments
 (0)