docs(landing): add Design phase & agent prompts demo video

New demo (https://youtu.be/vDdj8p17AQQ) added between Slack triage and
'Inside the virtual world' tabs on bodhiorchard.ai and to the README's
demo block. Final tab order follows the BUD lifecycle: Setup → Slack
triage → Design phase → World.

Signed-off-by: Arun Rajkumar <mickyarunr@gmail.com>

Author: mickyarun

README.md

@@ -32,9 +32,11 @@ Self-hosted on your hardware. Your data stays local. Inference engine is your ch
  
 <a href="https://youtu.be/i8kZdcL1bME"><img src="https://img.youtube.com/vi/i8kZdcL1bME/maxresdefault.jpg" width="48%" alt="Slack triage & MCP tools"></a>
 
+<a href="https://youtu.be/vDdj8p17AQQ"><img src="https://img.youtube.com/vi/vDdj8p17AQQ/maxresdefault.jpg" width="48%" alt="Design phase & agent prompts"></a>
+&nbsp;
 <a href="https://youtu.be/OxoqBI7BNxU"><img src="https://img.youtube.com/vi/OxoqBI7BNxU/maxresdefault.jpg" width="48%" alt="Inside the virtual world"></a>
 
-**[Setup walkthrough](https://youtu.be/ot-BmKxRgRA)** &nbsp;·&nbsp; **[Slack triage & MCP tools](https://youtu.be/i8kZdcL1bME)** &nbsp;·&nbsp; **[Inside the virtual world](https://youtu.be/OxoqBI7BNxU)**
+**[Setup walkthrough](https://youtu.be/ot-BmKxRgRA)** &nbsp;·&nbsp; **[Slack triage & MCP tools](https://youtu.be/i8kZdcL1bME)** &nbsp;·&nbsp; **[Design phase & agent prompts](https://youtu.be/vDdj8p17AQQ)** &nbsp;·&nbsp; **[Inside the virtual world](https://youtu.be/OxoqBI7BNxU)**
 
 ![Bodhiorchard Living Tree Dashboard](docs/images/livingtree.png)
 

frontend/src/views/setup/steps/MethodologyStep.vue

@@ -46,6 +46,7 @@
       <v-tabs v-model="videoTab" align-tabs="center" color="primary" density="compact">
         <v-tab value="setup">Setup walkthrough</v-tab>
         <v-tab value="slack">Slack triage &amp; MCP tools</v-tab>
+        <v-tab value="design">Design phase &amp; agent prompts</v-tab>
         <v-tab value="world">Inside the virtual world</v-tab>
       </v-tabs>
       <v-card class="mt-3" variant="outlined">
@@ -78,6 +79,20 @@
               Chat-to-BUD in Slack: the Triage Agent drafts the spec, Claude Code drives the BUD lifecycle through MCP tools.
             </p>
           </v-window-item>
+          <v-window-item value="design">
+            <div class="methodology-video-frame">
+              <iframe
+                src="https://www.youtube-nocookie.com/embed/vDdj8p17AQQ"
+                title="Bodhiorchard — Design phase &amp; agent prompts"
+                allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen
+                loading="lazy"
+              ></iframe>
+            </div>
+            <p class="text-caption text-center text-medium-emphasis py-3 mb-0">
+              Generating wireframes and the tech architecture — and how the AI agent prompts shape each handoff.
+            </p>
+          </v-window-item>
           <v-window-item value="world">
             <div class="methodology-video-frame">
               <iframe