Skip to content

Commit 584cc8f

Browse files
mattgwagnermattgwagner
committed
Update slides.md
1 parent 34a6746 commit 584cc8f

File tree

1 file changed

+27
-133
lines changed

1 file changed

+27
-133
lines changed

‎slides.md‎

Lines changed: 27 additions & 133 deletions
Original file line numberDiff line numberDiff line change
@@ -197,59 +197,59 @@ layout: default
197197

198198
# The Power of MCP: Expanding AI Integration
199199

200-
<div class="mt-4">
201-
<div class="bg-blue-50 dark:bg-blue-900 p-4 rounded-lg mb-4">
202-
<h3 class="font-bold text-lg mb-2">What is Model Context Protocol (MCP)?</h3>
203-
<p class="text-sm">A standardized protocol that allows AI models to interact with external tools, services, and environments through defined interfaces.</p>
204-
<p class="text-sm mt-2">Think of it as an "API for AI" that enables LLMs to connect with virtually any service or system.</p>
200+
<div class="mt-2">
201+
<div class="bg-blue-50 dark:bg-blue-900 p-3 rounded-lg mb-3">
202+
<h3 class="font-bold mb-1">What is Model Context Protocol (MCP)?</h3>
203+
<p class="text-xs">A protocol allowing AI models to interact with external tools, services, and environments through defined interfaces.</p>
205204
</div>
206205
</div>
207206

208-
<div class="grid grid-cols-2 gap-4 mt-4">
207+
<div class="grid grid-cols-2 gap-4">
209208
<div>
210-
<h3 class="font-bold text-lg mb-2">Key Capabilities</h3>
211-
<ul class="text-sm space-y-2">
209+
<h3 class="font-bold text-sm mb-1">Key Capabilities</h3>
210+
<ul class="text-xs space-y-1">
212211
<li class="flex items-start">
213-
<span class="text-blue-500 mr-2">→</span>
214-
<span><strong>Tool Usage</strong> — Models can call functions, APIs, and services</span>
212+
<span class="text-blue-500 mr-1">→</span>
213+
<span><strong>Tool Usage</strong> — Functions, APIs, services</span>
215214
</li>
216215
<li class="flex items-start">
217-
<span class="text-blue-500 mr-2">→</span>
218-
<span><strong>File System Access</strong> — Read, write, and manage files</span>
216+
<span class="text-blue-500 mr-1">→</span>
217+
<span><strong>File System</strong> — Read, write, manage files</span>
219218
</li>
220219
<li class="flex items-start">
221-
<span class="text-blue-500 mr-2">→</span>
222-
<span><strong>Web Interaction</strong> — Browse websites, take screenshots</span>
220+
<span class="text-blue-500 mr-1">→</span>
221+
<span><strong>Web Interaction</strong> — Browse, screenshots</span>
223222
</li>
224223
</ul>
225224
</div>
226225

227226
<div>
228-
<h3 class="font-bold text-lg mb-2">Real-World Applications</h3>
229-
<ul class="text-sm space-y-2">
227+
<h3 class="font-bold text-sm mb-1">Real-World Applications</h3>
228+
<ul class="text-xs space-y-1">
230229
<li class="flex items-start">
231-
<span class="text-purple-500 mr-2">→</span>
232-
<span><strong>Development</strong> — Terminal commands, repo management</span>
230+
<span class="text-purple-500 mr-1">→</span>
231+
<span><strong>Development</strong> — Terminal, repo mgmt</span>
233232
</li>
234233
<li class="flex items-start">
235-
<span class="text-green-500 mr-2">→</span>
236-
<span><strong>Integration</strong> — Connect to databases, APIs, services</span>
234+
<span class="text-green-500 mr-1">→</span>
235+
<span><strong>Integration</strong> — Databases, APIs</span>
237236
</li>
238237
<li class="flex items-start">
239-
<span class="text-amber-500 mr-2">→</span>
240-
<span><strong>Automation</strong> — Workflow orchestration, CI/CD pipelines</span>
238+
<span class="text-amber-500 mr-1">→</span>
239+
<span><strong>Automation</strong> — Workflows, pipelines</span>
241240
</li>
242241
<li class="flex items-start">
243-
<span class="text-red-500 mr-2">→</span>
244-
<span><strong>Analysis</strong> — Performance and accessibility testing</span>
242+
<span class="text-red-500 mr-1">→</span>
243+
<span><strong>Analysis</strong> — Performance, accessibility</span>
245244
</li>
246245
</ul>
247246
</div>
248247
</div>
249248

250-
<div class="mt-4 bg-gray-100 dark:bg-gray-800 p-3 rounded-lg">
251-
<h4 class="font-bold mb-1">Why It Matters</h4>
252-
<p class="text-sm">MCP transforms AI tools from isolated assistants to powerful agents that can interact with your entire tech ecosystem, dramatically expanding their utility and impact.</p>
249+
<div class="mt-3 bg-gray-100 dark:bg-gray-800 p-2 rounded-lg">
250+
<p class="text-xs">
251+
<span class="font-bold">Why It Matters:</span> MCP transforms AI tools from isolated assistants to powerful agents that can interact with your entire tech ecosystem.
252+
</p>
253253
</div>
254254

255255
---
@@ -468,112 +468,6 @@ transition: fade
468468
</div>
469469
</div>
470470

471-
---
472-
transition: slide-up
473-
layout: default
474-
---
475-
476-
# The Power of MCP: Expanding AI Integration
477-
478-
<div class="mt-4">
479-
<div class="bg-blue-50 dark:bg-blue-900 p-4 rounded-lg mb-4">
480-
<h3 class="font-bold text-lg mb-2">What is Model Context Protocol (MCP)?</h3>
481-
<p class="text-sm">A standardized protocol that allows AI models to interact with external tools, services, and environments through defined interfaces.</p>
482-
<p class="text-sm mt-2">Think of it as an "API for AI" that enables LLMs to connect with virtually any service or system.</p>
483-
</div>
484-
</div>
485-
486-
<div class="grid grid-cols-2 gap-4 mt-4">
487-
<div>
488-
<h3 class="font-bold text-lg mb-2">Key Capabilities</h3>
489-
<ul class="text-sm space-y-2">
490-
<li class="flex items-start">
491-
<span class="text-blue-500 mr-2">→</span>
492-
<span><strong>Tool Usage</strong> — Models can call functions, APIs, and services</span>
493-
</li>
494-
<li class="flex items-start">
495-
<span class="text-blue-500 mr-2">→</span>
496-
<span><strong>File System Access</strong> — Read, write, and manage files</span>
497-
</li>
498-
<li class="flex items-start">
499-
<span class="text-blue-500 mr-2">→</span>
500-
<span><strong>Web Interaction</strong> — Browse websites, take screenshots</span>
501-
</li>
502-
</ul>
503-
</div>
504-
505-
<div>
506-
<h3 class="font-bold text-lg mb-2">Real-World Applications</h3>
507-
<ul class="text-sm space-y-2">
508-
<li class="flex items-start">
509-
<span class="text-purple-500 mr-2">→</span>
510-
<span><strong>Development</strong> — Terminal commands, repo management</span>
511-
</li>
512-
<li class="flex items-start">
513-
<span class="text-green-500 mr-2">→</span>
514-
<span><strong>Integration</strong> — Connect to databases, APIs, services</span>
515-
</li>
516-
<li class="flex items-start">
517-
<span class="text-amber-500 mr-2">→</span>
518-
<span><strong>Automation</strong> — Workflow orchestration, CI/CD pipelines</span>
519-
</li>
520-
<li class="flex items-start">
521-
<span class="text-red-500 mr-2">→</span>
522-
<span><strong>Analysis</strong> — Performance and accessibility testing</span>
523-
</li>
524-
</ul>
525-
</div>
526-
</div>
527-
528-
<div class="mt-4 bg-gray-100 dark:bg-gray-800 p-3 rounded-lg">
529-
<h4 class="font-bold mb-1">Why It Matters</h4>
530-
<p class="text-sm">MCP transforms AI tools from isolated assistants to powerful agents that can interact with your entire tech ecosystem, dramatically expanding their utility and impact.</p>
531-
</div>
532-
533-
---
534-
535-
# Apply These Lessons to the Business
536-
537-
<div class="grid grid-cols-2 gap-4 mt-4">
538-
539-
<v-click>
540-
<div class="bg-blue-50 dark:bg-blue-900 p-4 rounded-lg">
541-
<h3 class="font-bold text-lg text-blue-700 dark:text-blue-300">A. Streamlining Our Processes</h3>
542-
<p class="mt-2 text-sm">Identifying specific processes in your workflow that could benefit from AI tools: requirements documentation, code reviews, testing, and deployment.</p>
543-
<div class="mt-2 text-xs font-medium text-blue-700 dark:text-blue-300">Example: Using AI to generate test cases based on user stories</div>
544-
</div>
545-
</v-click>
546-
547-
<v-click>
548-
<div class="bg-green-50 dark:bg-green-900 p-4 rounded-lg">
549-
<h3 class="font-bold text-lg text-green-700 dark:text-green-300">B. Evaluating & Integrating Tools</h3>
550-
<p class="mt-2 text-sm">Creating a framework for evaluating AI tools based on your specific needs, security requirements, and integration capabilities.</p>
551-
<div class="mt-2 text-xs font-medium text-green-700 dark:text-green-300">Example: Pilot of GitHub Copilot for a sprint cycle</div>
552-
</div>
553-
</v-click>
554-
555-
</div>
556-
557-
<div class="grid grid-cols-2 gap-4 mt-4">
558-
559-
<v-click>
560-
<div class="bg-purple-50 dark:bg-purple-900 p-4 rounded-lg">
561-
<h3 class="font-bold text-lg text-purple-700 dark:text-purple-300">C. Upskilling Our Teams</h3>
562-
<p class="mt-2 text-sm">Developing a training program for product and development teams to effectively leverage AI tools and prompt engineering.</p>
563-
<div class="mt-2 text-xs font-medium text-purple-700 dark:text-purple-300">Example: Lunch & learn sessions on prompt crafting</div>
564-
</div>
565-
</v-click>
566-
567-
<v-click>
568-
<div class="bg-amber-50 dark:bg-amber-900 p-4 rounded-lg">
569-
<h3 class="font-bold text-lg text-amber-700 dark:text-amber-300">D. Measuring Impact</h3>
570-
<p class="mt-2 text-sm">Establishing KPIs to measure the effectiveness of AI tools on development velocity, quality, and team satisfaction.</p>
571-
<div class="mt-2 text-xs font-medium text-amber-700 dark:text-amber-300">Example: Compare sprint velocity before and after implementation</div>
572-
</div>
573-
</v-click>
574-
575-
</div>
576-
577471
---
578472
layout: center
579473
class: text-center

0 commit comments

Comments
 (0)