diff --git a/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html b/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
index 2ad4526..c55d7d0 100644
--- a/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
+++ b/presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
@@ -939,10 +939,10 @@
     <!-- ============================================================ -->
     <div class="slide" data-slide="21">
         <h1>Vibe Coding</h1>
-        <p style="text-align: center; color: #666; margin: 0 0 20px; font-size: 1.05rem;"><strong>Andrej Karpathy</strong> &mdash; OpenAI founding team &middot; former Director of AI at Tesla &middot; founder of Eureka Labs.</p>
         <div style="text-align: center; margin: 16px 0;">
             <img src="../assets/concepts/vibe-coding.jpg" alt="Andrej Karpathy's Feb 3 2025 tweet coining 'vibe coding' — 'fully give in to the vibes, embrace exponentials, and forget that the code even exists'" style="max-width: 100%; max-height: 55vh; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.12);" />
         </div>
+        <p style="text-align: center; color: #666; margin: 20px 0 0; font-size: 1.05rem;"><strong>Andrej Karpathy</strong> &mdash; OpenAI founding team &middot; former Director of AI at Tesla &middot; founder of Eureka Labs.</p>
     </div>
 
     <!-- ============================================================ -->
@@ -952,8 +952,7 @@
         <h1>Vibe Coding vs Agentic Engineering</h1>
         <div class="two-col">
             <div>
-                <h3 style="text-align: center; color: #c62828; margin-bottom: 16px;">Before (Vibe Coding)</h3>
-                <div class="code-block"><span class="comment"># Plain TodoApp</span>
+                <div class="code-block" style="margin-top: 16px;"><span class="comment"># Plain TodoApp</span>
 todoapp/
   <span class="key">backend/</span>
     main.py
@@ -976,8 +975,7 @@ todoapp/
       api.ts</div>
             </div>
             <div>
-                <h3 style="text-align: center; color: #2e7d32; margin-bottom: 16px;">After (Agentic Engineering)</h3>
-                <div class="code-block"><span class="comment"># With Claude Code Best Practices</span>
+                <div class="code-block" style="margin-top: 16px;"><span class="comment"># With Claude Code Best Practices</span>
 todoapp/
   <span class="claude-file">.claude/</span>                  <span class="claude-file comment"># Claude Code config</span>
     <span class="claude-file">agents/</span>               <span class="claude-file comment"># Custom subagents</span>
@@ -1224,7 +1222,7 @@ todoapp/
                     <span class="field-enforced"><span class="pill-harness">harness</span></span>
                 </div>
             </div>
-            <p style="font-style: italic; color: #444; text-align: center; max-width: 900px; margin: 24px auto 0 auto;">The <code>skills:</code> field is what makes the agent special. It preloads <code>any-skill</code> directly into the agent&rsquo;s brain at startup &mdash; before the agent has received a single instruction.</p>
+            <p style="font-style: italic; color: #444; text-align: center; max-width: 900px; margin: 24px auto 0 auto; background: #fafafa; padding: 16px 24px; border-radius: 8px;">The <code>skills:</code> field is what makes the agent special. It preloads <code>any-skill</code> directly into the agent&rsquo;s brain at startup &mdash; before the agent has received a single instruction.</p>
         <div class="pillar-footer">
             <div class="pillar-mini-card" style="border-left: 4px solid #009688;">
                 <span class="pmc-emoji">&#x1F9D1;&#x200D;&#x1F4BC;</span>