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

updated context

Browse Source
This commit is contained in:
Shayan Rais
2026-04-22 20:12:18 +05:00
parent 4eb274bbe0
commit d2f8e87272
1 changed files with 16 additions and 10 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
+16 -10
View File
@@ -521,36 +521,42 @@
<div class="slide" data-slide="10">
<h1>&#x1F4AA; Harness &mdash; the body around the brain</h1>
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin: 28px 0;">
<div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #009688; text-align: center;">
<div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #009688; text-align: center;">
<div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F9D1;&#x200D;&#x1F4BC;</div>
<h4 style="color: #00796b; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Agents</strong> &mdash; the specialists</h4>
<p style="font-size: 0.9rem; color: #555; margin: 0;">A dedicated Claude worker &mdash; own context, tools, focus.</p>
</div>
<div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #4caf50; text-align: center;">
<div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #4caf50; text-align: center;">
<div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F3AF;</div>
<h4 style="color: #2e7d32; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Skills</strong> &mdash; the know-how</h4>
<p style="font-size: 0.9rem; color: #555; margin: 0;">What the specialist (or Claude) can actually do.</p>
</div>
<div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #3f51b5; text-align: center;">
<div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F4AD;</div>
<h4 style="color: #283593; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Context</strong> &mdash; the working memory</h4>
<p style="font-size: 0.9rem; color: #555; margin: 0;">What Claude holds in its head now &mdash; 200K&ndash;1M tokens.</p>
</div>
<div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #ef6c00; text-align: center;">
<div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #ef6c00; text-align: center;">
<div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F4D8;</div>
<h4 style="color: #ef6c00; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>Workflows</strong> &mdash; the instruction manual</h4>
<p style="font-size: 0.9rem; color: #555; margin: 0;">Repeatable step-by-step recipes &mdash; like an AC install guide.</p>
</div>
<div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #9c27b0; text-align: center;">
<div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #9c27b0; text-align: center;">
<div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F4DD;</div>
<h4 style="color: #7b1fa2; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>CLAUDE.md</strong> &mdash; your memory</h4>
<p style="font-size: 0.9rem; color: #555; margin: 0;">Knowledge <strong>you</strong> provide to the model.</p>
</div>
<div class="col-card" style="flex: 0 1 calc(25% - 14px); border-left: 4px solid #ff9800; text-align: center;">
<div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #ff9800; text-align: center;">
<div style="font-size: 2.8rem; line-height: 1; margin-bottom: 10px;">&#x1F4DD;</div>
<h4 style="color: #ef6c00; text-transform: none; letter-spacing: 0; margin-bottom: 6px;"><strong>System Prompt</strong> &mdash; Claude&rsquo;s memory</h4>
<p style="font-size: 0.9rem; color: #555; margin: 0;">Knowledge <strong>Anthropic</strong> bakes in.</p>
</div>
<div class="col-card" style="flex: 0 1 calc(33.333% - 12px); border-left: 4px solid #3f51b5; text-align: center;">
<div style="font-size: 2.8rem; line-height: 1; margin-bottom: 6px;">&#x1F4AD;</div>
<h4 style="color: #283593; text-transform: none; letter-spacing: 0; margin-bottom: 4px;"><strong>Context</strong> &mdash; the working memory</h4>
<p style="font-size: 0.85rem; color: #555; margin: 0 0 6px;">What Claude holds in his head now.</p>
<div style="display: flex; align-items: center; gap: 8px;">
<div style="flex: 1; background: #e0e0e0; border-radius: 3px; height: 6px; overflow: hidden;">
<div style="background: #3f51b5; width: 20%; height: 100%;"></div>
</div>
<span style="font-size: 0.7rem; color: #666; white-space: nowrap;">20% of 1M tokens</span>
</div>
</div>
</div>
</div>