gilles/claude-code-best-practice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
Shayan Rais
2026-04-24 18:19:17 +05:00
parent 28f65bb611
commit cd664587aa
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html
+4 -6
View File
@@ -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>