Skip to content

Commit d02f67a

Browse files
feat: adjust slides based on course feedback
1 parent 7025903 commit d02f67a

File tree

8 files changed

+78
-217
lines changed

8 files changed

+78
-217
lines changed

src/sections/copilot.tsx

Lines changed: 1 addition & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -647,7 +647,7 @@ export const copilotSlides: SlideType[] = [
647647
<ul className="space-y-2 text-sm text-gray-700">
648648
<li className="flex"><span className="mr-2"></span><span><strong>Remote:</strong> GitHub-hosted repos with fast search</span></li>
649649
<li className="flex"><span className="mr-2"></span><span><strong>Local:</strong> Semantic index on your machine</span></li>
650-
<li className="flex"><span className="mr-2"></span><span><strong>Basic:</strong> Fallback for larger codebases</span></li>
650+
<li className="flex"><span className="mr-2"></span><span><strong>Basic:</strong> Minimal indexing mode that uses simple file/path heuristics for very large repos</span></li>
651651
</ul>
652652
</div>
653653

@@ -862,59 +862,5 @@ export const copilotSlides: SlideType[] = [
862862
</div>
863863
</div>
864864
)
865-
},
866-
{
867-
title: "Tracking Your Copilot Usage",
868-
subtitle: "Monitor Token Consumption with Copilot Token Tracker",
869-
content: (
870-
<div className="flex flex-col space-y-5 max-w-3xl mx-auto">
871-
<div className="bg-blue-50 p-4 rounded-lg border-l-4 border-blue-500">
872-
<h3 className="text-xl font-bold text-blue-900 mb-2">Copilot Token Tracker Extension</h3>
873-
<p className="text-gray-700">
874-
A VS Code extension that displays your daily and monthly GitHub Copilot estimated token usage directly in the status bar — helping you stay aware of your consumption.
875-
</p>
876-
</div>
877-
878-
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
879-
<div className="bg-white p-4 rounded-lg shadow border border-blue-200">
880-
<h4 className="font-semibold text-blue-900 mb-2">Key Features:</h4>
881-
<ul className="space-y-2 text-gray-700">
882-
<li className="flex"><span className="mr-2"></span><span>Real-time status bar display: <code className="bg-gray-100 px-1 rounded text-sm"># today | month</code></span></li>
883-
<li className="flex"><span className="mr-2"></span><span>Auto-refreshes every 5 minutes</span></li>
884-
<li className="flex"><span className="mr-2"></span><span>Click to manually refresh or view details</span></li>
885-
<li className="flex"><span className="mr-2"></span><span>Hover for quick breakdown</span></li>
886-
</ul>
887-
</div>
888-
<div className="bg-white p-4 rounded-lg shadow border border-blue-200">
889-
<h4 className="font-semibold text-blue-900 mb-2">How It Works:</h4>
890-
<ul className="space-y-2 text-gray-700">
891-
<li className="flex"><span className="mr-2"></span><span>Analyzes Copilot Chat log files</span></li>
892-
<li className="flex"><span className="mr-2"></span><span>Uses model-specific character-to-token ratios</span></li>
893-
<li className="flex"><span className="mr-2"></span><span>Intelligent caching for performance</span></li>
894-
<li className="flex"><span className="mr-2"></span><span>Detailed statistics panel on click</span></li>
895-
</ul>
896-
</div>
897-
</div>
898-
899-
<div className="bg-gray-800 p-4 rounded-lg">
900-
<p className="text-green-400 font-mono text-sm mb-2">Install from VS Code:</p>
901-
<div className="text-gray-300 font-mono text-sm">
902-
<p>ext install RobBos.copilot-token-tracker</p>
903-
</div>
904-
</div>
905-
906-
<div className="bg-amber-50 p-3 rounded-lg border border-amber-200">
907-
<p className="text-sm text-amber-900">
908-
<strong>⚠️ Note:</strong> Token counts are estimates based on local logs only. Multi-machine usage, web Copilot, and Premium Requests are not tracked.
909-
</p>
910-
</div>
911-
912-
<div className="bg-blue-100 p-4 rounded-lg">
913-
<p className="text-sm italic text-blue-900">
914-
<strong>4D Connection:</strong> Tracking usage supports <strong>Diligence</strong> — being accountable for how you use AI tools and understanding your consumption patterns. <a href="https://marketplace.visualstudio.com/items?itemName=RobBos.copilot-token-tracker" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">View on Marketplace</a>.
915-
</p>
916-
</div>
917-
</div>
918-
)
919865
}
920866
];

src/sections/evolution.tsx

Lines changed: 3 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -381,7 +381,7 @@ export const evolutionSlides: SlideType[] = [
381381
</li>
382382
<li className="flex items-start">
383383
<span className="mr-2"></span>
384-
<span>Optional diff review</span>
384+
<span>Optional code review</span>
385385
</li>
386386
</ul>
387387
</div>
@@ -507,71 +507,6 @@ export const evolutionSlides: SlideType[] = [
507507
</div>
508508
)
509509
},
510-
{
511-
title: "The Vibe Coding Future",
512-
subtitle: "What work looks like at Stage 8+",
513-
content: (
514-
<div className="flex flex-col items-center md:justify-center md:h-full space-y-8 px-8">
515-
<div className="bg-gradient-to-r from-purple-600 to-pink-600 p-8 rounded-lg shadow-2xl max-w-4xl">
516-
<h3 className="text-3xl font-bold text-white mb-4 text-center">
517-
"Work becomes fluid, an uncountable substance that you sling around freely"
518-
</h3>
519-
<p className="text-purple-100 text-center text-lg">
520-
— Steve Yegge on vibe coding
521-
</p>
522-
</div>
523-
524-
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-6xl w-full">
525-
<div className="bg-white p-6 rounded-lg shadow-lg border-l-4 border-purple-500">
526-
<h4 className="font-bold text-gray-900 mb-3 flex items-center">
527-
<span className="mr-2 text-2xl"></span>
528-
Throughput Over Perfection
529-
</h4>
530-
<p className="text-gray-700">
531-
Focus on creation and correction at the speed of thought. Not 100% efficient, but you're flying.
532-
</p>
533-
</div>
534-
535-
<div className="bg-white p-6 rounded-lg shadow-lg border-l-4 border-pink-500">
536-
<h4 className="font-bold text-gray-900 mb-3 flex items-center">
537-
<span className="mr-2 text-2xl">🔄</span>
538-
Regenerative Workflow
539-
</h4>
540-
<p className="text-gray-700">
541-
Some work gets lost, regenerated. Some bugs get fixed 2-3 times. More work will come.
542-
</p>
543-
</div>
544-
545-
<div className="bg-white p-6 rounded-lg shadow-lg border-l-4 border-indigo-500">
546-
<h4 className="font-bold text-gray-900 mb-3 flex items-center">
547-
<span className="mr-2 text-2xl">🎯</span>
548-
Product Manager Role
549-
</h4>
550-
<p className="text-gray-700">
551-
You become a Product Manager. Gas Town is an Idea Compiler. You make up features, design them, sling work to agents.
552-
</p>
553-
</div>
554-
555-
<div className="bg-white p-6 rounded-lg shadow-lg border-l-4 border-blue-500">
556-
<h4 className="font-bold text-gray-900 mb-3 flex items-center">
557-
<span className="mr-2 text-2xl">🌊</span>
558-
Simultaneous Creation & Consumption
559-
</h4>
560-
<p className="text-gray-700">
561-
You both generate and consume work simultaneously. Churning forward relentlessly on huge piles of work.
562-
</p>
563-
</div>
564-
</div>
565-
566-
<div className="bg-blue-50 border-l-4 border-blue-500 p-6 max-w-6xl w-full rounded-lg">
567-
<h4 className="font-bold text-blue-900 mb-2">💡 The Shift</h4>
568-
<p className="text-blue-800">
569-
Your job is no longer to write code. Your job is to make tasks for superintelligent AI agents that can handle any reasonably sized task.
570-
</p>
571-
</div>
572-
</div>
573-
)
574-
},
575510
{
576511
title: "Key Insights: The Evolution Path",
577512
subtitle: "Understanding the transformation",
@@ -621,10 +556,10 @@ export const evolutionSlides: SlideType[] = [
621556
<div className="bg-gradient-to-r from-teal-500 to-cyan-500 p-6 rounded-lg shadow-xl">
622557
<h4 className="font-bold text-white text-xl mb-2 flex items-center">
623558
<span className="mr-3 text-3xl">🏗️</span>
624-
Infrastructure Follows Need
559+
Tools Follow Needs
625560
</h4>
626561
<p className="text-teal-50">
627-
Don't try to use Stage 8 tools at Stage 3. Let your pain points guide you. Infrastructure needs emerge naturally at each stage.
562+
Don't try to use Stage 8 tools at Stage 3. Let your pain points guide you. Tools needs emerge naturally at each stage.
628563
</p>
629564
</div>
630565
</div>

src/sections/fluency.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,8 +60,8 @@ export const fluencySlides: SlideType[] = [
6060
<div className="inline-block bg-gray-100 px-6 py-3 rounded-lg">
6161
<div className="font-semibold text-gray-800 mb-2">Three Modes of AI Interaction:</div>
6262
<div className="text-sm text-gray-600 space-y-1">
63-
<div>• Automation: AI executes specific tasks</div>
6463
<div>• Augmentation: Humans & AI collaborate</div>
64+
<div>• Automation: AI executes specific tasks</div>
6565
<div>• Agency: AI performs future tasks independently</div>
6666
</div>
6767
</div>

src/sections/instructions.tsx

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -445,5 +445,67 @@ these mistakes in the future.`}
445445
</div>
446446
</div>
447447
)
448+
},
449+
{
450+
title: "",
451+
subtitle: "",
452+
content: (
453+
<div className="flex flex-col items-center justify-center h-full space-y-8">
454+
<div className="text-center space-y-4">
455+
<div className="text-6xl mb-4">🚀</div>
456+
<h1 className="text-5xl md:text-6xl font-bold text-green-900">
457+
Live Demo
458+
</h1>
459+
<p className="text-xl md:text-2xl text-gray-600 max-w-2xl">
460+
Explore real-world examples of instructions in action
461+
</p>
462+
</div>
463+
464+
<div className="bg-green-50 p-6 rounded-lg border-l-4 border-green-500 max-w-3xl">
465+
<h3 className="text-2xl font-bold text-green-900 mb-4">📂 Example Repositories</h3>
466+
<p className="text-lg text-gray-700 mb-4">
467+
Let's explore how instructions are structured in production codebases:
468+
</p>
469+
470+
<div className="space-y-4">
471+
<div className="bg-white p-4 rounded-lg shadow border border-green-200">
472+
<h4 className="font-semibold text-green-900 mb-2">🎓 This Workshop Repository</h4>
473+
<p className="text-gray-700 text-sm mb-2">
474+
Instructions for building and maintaining this presentation app
475+
</p>
476+
<a
477+
href="https://github.com/JanDeDobbeleer/workshop_ai_native/tree/main/.github"
478+
target="_blank"
479+
rel="noopener noreferrer"
480+
className="text-green-600 hover:underline font-mono text-sm"
481+
>
482+
github.com/JanDeDobbeleer/workshop_ai_native/.github →
483+
</a>
484+
</div>
485+
486+
<div className="bg-white p-4 rounded-lg shadow border border-green-200">
487+
<h4 className="font-semibold text-green-900 mb-2">⭐ Oh My Posh</h4>
488+
<p className="text-gray-700 text-sm mb-2">
489+
Advanced multi-language project with comprehensive agent instructions
490+
</p>
491+
<a
492+
href="https://github.com/JanDeDobbeleer/oh-my-posh/tree/main/.github"
493+
target="_blank"
494+
rel="noopener noreferrer"
495+
className="text-green-600 hover:underline font-mono text-sm"
496+
>
497+
github.com/JanDeDobbeleer/oh-my-posh/.github →
498+
</a>
499+
</div>
500+
</div>
501+
</div>
502+
503+
<div className="flex space-x-2 mt-4">
504+
<div className="w-3 h-3 bg-green-300 rounded-full"></div>
505+
<div className="w-3 h-3 bg-green-500 rounded-full"></div>
506+
<div className="w-3 h-3 bg-green-300 rounded-full"></div>
507+
</div>
508+
</div>
509+
)
448510
}
449511
];

src/sections/intro.tsx

Lines changed: 0 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -133,26 +133,4 @@ export const introSlides: SlideType[] = [
133133
</div>
134134
)
135135
},
136-
{
137-
title: "Personal Experience with AI",
138-
subtitle: "A journey from skepticism to renewed joy",
139-
content: (
140-
<div className="flex flex-col space-y-4 md:space-y-6 max-w-3xl mx-auto px-4 md:px-0">
141-
<div className="bg-white p-4 md:p-5 rounded-lg shadow border border-gray-200 w-full text-center">
142-
<h4 className="font-semibold text-gray-900 mb-2 text-sm md:text-base">Initial Skepticism</h4>
143-
<p className="text-gray-700 text-sm md:text-base">A lot of marketing terminology thrown at us does not spark enthusiasm, especially when it doesn't seem approachable.</p>
144-
</div>
145-
146-
<div className="bg-white p-4 md:p-5 rounded-lg shadow border border-gray-200 w-full text-center">
147-
<h4 className="font-semibold text-gray-900 mb-2 text-sm md:text-base">Enhanced Productivity</h4>
148-
<p className="text-gray-700 text-sm md:text-base">AI enabled faster building processes and deeper understanding, improving overall development efficiency.</p>
149-
</div>
150-
151-
<div className="bg-white p-4 md:p-5 rounded-lg shadow border border-gray-200 w-full text-center">
152-
<h4 className="font-semibold text-gray-900 mb-2 text-sm md:text-base">Renewed Joy in Coding</h4>
153-
<p className="text-gray-700 text-sm md:text-base">Fine tuning AI usage opened a world of new opportunities.</p>
154-
</div>
155-
</div>
156-
)
157-
},
158136
];

src/sections/llm.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -222,7 +222,7 @@ export const llmSlides: SlideType[] = [
222222
</div>
223223
<div className="bg-gray-50 p-3 rounded-lg">
224224
<p className="font-semibold text-gray-800 text-sm md:text-base">Embedding & Attention</p>
225-
<p className="text-gray-600 text-xs md:text-base">Tokens become numbers; attention finds relationships between words</p>
225+
<p className="text-gray-600 text-xs md:text-base">Tokens become number vectors; attention weighs how relevant each token is to others</p>
226226
</div>
227227
<div className="bg-gray-50 p-3 rounded-lg">
228228
<p className="font-semibold text-gray-800 text-sm md:text-base">Layer Processing</p>

src/sections/prompting.tsx

Lines changed: 7 additions & 70 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export const promptingSlides: SlideType[] = [
2020
<div className="w-3 h-3 bg-blue-300 rounded-full"></div>
2121
</div>
2222
</div>
23-
),
23+
)
2424
},
2525
{
2626
title: "The 4 S's of Effective Prompts",
@@ -94,7 +94,7 @@ export const promptingSlides: SlideType[] = [
9494
</p>
9595
</div>
9696
</div>
97-
),
97+
)
9898
},
9999
{
100100
title: "Prompting Best Practices",
@@ -236,7 +236,7 @@ export const promptingSlides: SlideType[] = [
236236
</p>
237237
</div>
238238
</div>
239-
),
239+
)
240240
},
241241
{
242242
title: "Meta Prompting",
@@ -289,7 +289,7 @@ ambiguity and keep the instructions concise.`}
289289
</p>
290290
</div>
291291
</div>
292-
),
292+
)
293293
},
294294
{
295295
title: "Continuous Improvement",
@@ -346,7 +346,7 @@ these mistakes in the future.`}
346346
</p>
347347
</div>
348348
</div>
349-
),
349+
)
350350
},
351351
{
352352
title: "The Core Loop",
@@ -430,69 +430,6 @@ these mistakes in the future.`}
430430
</p>
431431
</div>
432432
</div>
433-
),
434-
},
435-
{
436-
title: "Core Loop: When to Automate",
437-
subtitle: "Master the Fundamentals First",
438-
content: (
439-
<div className="flex flex-col items-center md:justify-center md:h-full space-y-8 max-w-5xl mx-auto px-4">
440-
<div className="bg-yellow-50 p-5 rounded-lg border-l-4 border-yellow-500 max-w-3xl">
441-
<h3 className="text-2xl font-bold text-yellow-900 mb-2">
442-
Don't Speedrun It
443-
</h3>
444-
<p className="text-base text-gray-700">
445-
The bottleneck isn't what AI can do — it's how effectively you can
446-
direct it. Master the core loop before adding automation layers.
447-
</p>
448-
</div>
449-
450-
<div className="grid grid-cols-3 gap-6 w-full max-w-4xl">
451-
<div className="bg-white p-4 rounded-lg shadow border-t-4 border-green-500">
452-
<h4 className="font-semibold text-green-900 mb-3 text-center">
453-
✅ Do First
454-
</h4>
455-
<ul className="space-y-1.5 text-sm text-gray-700">
456-
<li>• Clean context</li>
457-
<li>• Fast plan-approve loop</li>
458-
<li>• Solid repo instructions</li>
459-
<li>• Master the basics</li>
460-
</ul>
461-
</div>
462-
463-
<div className="bg-white p-4 rounded-lg shadow border-t-4 border-orange-500">
464-
<h4 className="font-semibold text-orange-900 mb-3 text-center">
465-
⚖️ Then Add
466-
</h4>
467-
<ul className="space-y-1.5 text-sm text-gray-700">
468-
<li>• MCPs (specific needs)</li>
469-
<li>• Subagents (complex)</li>
470-
<li>• Automation (proven)</li>
471-
<li>• Tools (real problems)</li>
472-
</ul>
473-
</div>
474-
475-
<div className="bg-gray-900 p-4 rounded-lg shadow border-t-4 border-blue-500">
476-
<h4 className="font-semibold text-blue-400 mb-3 text-center">
477-
📊 Success
478-
</h4>
479-
<div className="space-y-1.5 text-xs text-gray-300">
480-
<div className="text-green-400">✓ Master core loop</div>
481-
<div className="text-green-400">✓ Clean context</div>
482-
<div className="text-green-400">✓ Plan everything</div>
483-
<div className="text-red-400 mt-2">✗ Skip planning</div>
484-
<div className="text-red-400">✗ Add tools early</div>
485-
</div>
486-
</div>
487-
</div>
488-
489-
<div className="bg-blue-100 px-6 py-3 rounded-lg max-w-3xl">
490-
<p className="text-sm text-blue-900 text-center">
491-
<strong>Key Takeaway:</strong> The boring fundamentals work. Get
492-
fast at the core loop — it gets you 90% of the way there.
493-
</p>
494-
</div>
495-
</div>
496-
),
497-
},
433+
)
434+
}
498435
];

0 commit comments

Comments
 (0)