|
70 | 70 | "search-label": "Search" |
71 | 71 | } |
72 | 72 | }</script> |
73 | | -<meta name="mermaid-theme" content="default"> |
74 | | -<script src="../site_libs/quarto-diagram/mermaid.min.js"></script> |
75 | | -<script src="../site_libs/quarto-diagram/mermaid-init.js"></script> |
76 | | -<link href="../site_libs/quarto-diagram/mermaid.css" rel="stylesheet"> |
77 | 73 |
|
78 | 74 |
|
79 | 75 | </head> |
@@ -301,84 +297,11 @@ <h2 class="anchored" data-anchor-id="from-copilots-to-colleagues">From Copilots |
301 | 297 | <p>This chapter explores a different organizational pattern: <strong>integrating AI agents as team members</strong>.</p> |
302 | 298 | <p>Not as tools. Not as chatbots. But as entities that hold context, perform ongoing roles, and absorb responsibility within real teams.</p> |
303 | 299 | <p>This is not a story about automation in the abstract. It is a practical method that emerges under specific constraints, introduces real pressures, and reshapes how work happens when speed outgrows structure.</p> |
304 | | -<div class="cell" data-layout-align="default"> |
305 | | -<div class="cell-output-display"> |
306 | | -<div> |
307 | | -<p></p><figure class="figure"><p></p> |
308 | | -<div> |
309 | | -<pre class="mermaid mermaid-js">flowchart TB |
310 | | - |
311 | | - %% Phase 1 |
312 | | - subgraph P1["1. Constraint ID"] |
313 | | - S0[Identify Human Bottleneck] |
314 | | - end |
315 | | - |
316 | | - %% Phase 2 |
317 | | - subgraph P2["2. Autonomy Enablement"] |
318 | | - S1[Enable Autonomy] |
319 | | - S1a[Provide Agentic Dev Access] |
320 | | - S1b[Reduce Engineering Dependency] |
321 | | - S1 --> S1a |
322 | | - S1 --> S1b |
323 | | - end |
324 | | - |
325 | | - %% Phase 3 |
326 | | - subgraph P3["3. Agent-Supported Work"] |
327 | | - S2[Independent Contribution] |
328 | | - S2a[Locate Existing Components] |
329 | | - S2b[Adapt and Assemble Functionality] |
330 | | - S2 --> S2a |
331 | | - S2 --> S2b |
332 | | - end |
333 | | - |
334 | | - %% Phase 4 |
335 | | - subgraph P4["4. Role Externalization"] |
336 | | - S4[Product-Oriented Agent] |
337 | | - S4a[Answer Routine Questions] |
338 | | - S4b[Async Escalation] |
339 | | - |
340 | | - S5[Architecture-Oriented Agent] |
341 | | - S5a[Review Contributions] |
342 | | - S5b[Enforce Constraints] |
343 | | - |
344 | | - S4 --> S4a |
345 | | - S4 --> S4b |
346 | | - S5 --> S5a |
347 | | - S5 --> S5b |
348 | | - end |
349 | | - |
350 | | - %% Phase 5 |
351 | | - subgraph P5["5. Emergent Process"] |
352 | | - S6[Process Forms Implicitly] |
353 | | - end |
354 | | - |
355 | | - %% Phase 6 |
356 | | - subgraph P6["6. Stable Delivery"] |
357 | | - S7[Delivery Cycle] |
358 | | - S7a[Design] |
359 | | - S7b[Build] |
360 | | - S7c[Release] |
361 | | - S7 --> S7a |
362 | | - S7 --> S7b |
363 | | - S7 --> S7c |
364 | | - end |
365 | | - |
366 | | - %% Flow |
367 | | - P1 --> P2 --> P3 --> P4 --> P5 --> P6 |
368 | | - |
369 | | - %% Styling |
370 | | - style P1 fill:#F5F7FA,stroke:#6B7280,stroke-width:1px |
371 | | - style P2 fill:#E0F2FE,stroke:#0284C7,stroke-width:1px |
372 | | - style P3 fill:#ECFDF5,stroke:#059669,stroke-width:1px |
373 | | - style P4 fill:#FFF7ED,stroke:#EA580C,stroke-width:1px |
374 | | - style P5 fill:#EEF2FF,stroke:#4F46E5,stroke-width:1px |
375 | | - style P6 fill:#FDF2F8,stroke:#BE185D,stroke-width:1px |
376 | | - |
377 | | -</pre> |
378 | | -</div> |
379 | | -<p></p></figure><p></p> |
380 | | -</div> |
381 | | -</div> |
| 300 | +<div class="quarto-figure quarto-figure-center"> |
| 301 | +<figure class="figure"> |
| 302 | +<p><img src="../images/ai-agents-workflow.png" class="img-fluid figure-img" alt="Flowchart showing the six-phase agent integration workflow from constraint identification through stable delivery"></p> |
| 303 | +<figcaption>Agent Integration Workflow</figcaption> |
| 304 | +</figure> |
382 | 305 | </div> |
383 | 306 | </section> |
384 | 307 | <section id="context-when-speed-outgrows-structure" class="level2"> |
@@ -440,69 +363,11 @@ <h2 class="anchored" data-anchor-id="step-4-let-process-emerge-via-agents">Step |
440 | 363 | <p>Together, these agents create something unusual: <strong>process without process</strong>.</p> |
441 | 364 | <p>There are no new standing meetings. No heavy documentation mandates. No explicit bureaucracy.</p> |
442 | 365 | <p>Structure emerges only where it is needed, mediated through agents rather than enforced through hierarchy.</p> |
443 | | -<div class="cell" data-layout-align="default"> |
444 | | -<div class="cell-output-display"> |
445 | | -<div> |
446 | | -<p></p><figure class="figure"><p></p> |
447 | | -<div> |
448 | | -<pre class="mermaid mermaid-js">flowchart LR |
449 | | - %% Humans |
450 | | - H[Humans Design · Product · Sales · Ops] |
451 | | - |
452 | | - %% Product (External) |
453 | | - Maya[Maya Product AI Design Leader – Customer-facing] |
454 | | - |
455 | | - %% Internal Framework |
456 | | - Framework[Agentic Framework Inspired by Maya] |
457 | | - Mappy[Mappy PM & Orchestration Agent] |
458 | | - |
459 | | - %% Inputs |
460 | | - Sales[Sales Calls & Business Conversations] |
461 | | - Slack[Slack Threads Async Input] |
462 | | - |
463 | | - %% Process Stages |
464 | | - Ideation[Ideation & Prototyping] |
465 | | - Design[Design Decisions & Specs] |
466 | | - Build[Build & Implement] |
467 | | - Ship[Ship & Launch] |
468 | | - Test[Test & Observe] |
469 | | - Learn[Learn & Adapt] |
470 | | - |
471 | | - %% Philosophy influence |
472 | | - Maya -.->|Design philosophy guided creation, memory, structure| Framework |
473 | | - |
474 | | - %% Human interaction |
475 | | - H -->|Ideas & context| Framework |
476 | | - Framework --> Ideation |
477 | | - Ideation --> Design |
478 | | - |
479 | | - %% Orchestration |
480 | | - Design --> Mappy |
481 | | - Sales --> Mappy |
482 | | - Slack --> Mappy |
483 | | - |
484 | | - %% Mappy responsibilities |
485 | | - Mappy -->|Backlog & Priorities| Build |
486 | | - Mappy -->|Design Docs| Build |
487 | | - Mappy -->|Decision Memory| Build |
488 | | - |
489 | | - %% Delivery loop |
490 | | - Build --> Ship |
491 | | - Ship --> Test |
492 | | - Test --> Learn |
493 | | - |
494 | | - %% Feedback loops |
495 | | - Learn -->|Insights| Framework |
496 | | - Learn -->|Updated priorities| Mappy |
497 | | - |
498 | | - %% Async contribution |
499 | | - H -->|Async input| Slack |
500 | | - |
501 | | -</pre> |
502 | | -</div> |
503 | | -<p></p></figure><p></p> |
504 | | -</div> |
505 | | -</div> |
| 366 | +<div class="quarto-figure quarto-figure-center"> |
| 367 | +<figure class="figure"> |
| 368 | +<p><img src="../images/ai-agents-framework.png" class="img-fluid figure-img" alt="Architecture diagram showing the flow from human input through Maya-inspired framework, Mappy orchestration, to the build-ship-test-learn delivery cycle"></p> |
| 369 | +<figcaption>Agentic Framework Architecture</figcaption> |
| 370 | +</figure> |
506 | 371 | </div> |
507 | 372 | </section> |
508 | 373 | <section id="the-resulting-workflow" class="level2"> |
|
0 commit comments