Skip to content

Commit 34a6746

Browse files
mattgwagnermattgwagner
committed
Update slides.md
1 parent 40fedcf commit 34a6746

File tree

1 file changed

+66
-147
lines changed

1 file changed

+66
-147
lines changed

‎slides.md‎

Lines changed: 66 additions & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -152,149 +152,6 @@ class: px-2
152152

153153
</div>
154154

155-
---
156-
transition: slide-up
157-
---
158-
159-
# Leveraging LLMs for Product Management
160-
161-
<div class="grid grid-cols-3 gap-4 mt-6">
162-
163-
<v-click>
164-
<div class="bg-blue-50 dark:bg-blue-900 p-4 rounded-lg">
165-
<h3 class="font-bold text-blue-700 dark:text-blue-300">A. Requirement Gathering</h3>
166-
<ul class="text-sm mt-2">
167-
<li>Generating detailed requirements docs</li>
168-
<li>Converting stakeholder interviews to specs</li>
169-
<li>Surfacing edge cases and considerations</li>
170-
<li>Creating acceptance criteria</li>
171-
</ul>
172-
</div>
173-
</v-click>
174-
175-
<v-click>
176-
<div class="bg-green-50 dark:bg-green-900 p-4 rounded-lg">
177-
<h3 class="font-bold text-green-700 dark:text-green-300">B. User Story Creation</h3>
178-
<ul class="text-sm mt-2">
179-
<li>Crafting user stories from objectives</li>
180-
<li>Generating acceptance criteria</li>
181-
<li>Refining and prioritizing the backlog</li>
182-
<li>Estimating complexity and effort</li>
183-
</ul>
184-
</div>
185-
</v-click>
186-
187-
<v-click>
188-
<div class="bg-purple-50 dark:bg-purple-900 p-4 rounded-lg">
189-
<h3 class="font-bold text-purple-700 dark:text-purple-300">C. Product Roadmapping</h3>
190-
<ul class="text-sm mt-2">
191-
<li>Suggesting roadmap milestones</li>
192-
<li>Identifying dependencies</li>
193-
<li>Visualizing the product timeline</li>
194-
<li>Aligning features with strategic goals</li>
195-
</ul>
196-
</div>
197-
</v-click>
198-
199-
</div>
200-
201-
<div class="mt-8">
202-
<v-click>
203-
<div class="bg-amber-50 dark:bg-amber-900 p-4 rounded-lg flex items-center">
204-
<div class="text-4xl mr-4">💡</div>
205-
<div>
206-
<p class="font-medium">LLMs enable product teams to focus on strategic decisions while automating the creation and management of product artifacts.</p>
207-
</div>
208-
</div>
209-
</v-click>
210-
</div>
211-
212-
---
213-
layout: section
214-
---
215-
216-
# Hands-on Demos and Workflows
217-
218-
Let's explore specific tools that can accelerate our development
219-
220-
---
221-
layout: default
222-
---
223-
224-
# A. GitHub Copilot
225-
226-
<div class="grid grid-cols-2 gap-4">
227-
<div class="text-sm">
228-
<v-clicks>
229-
230-
- **For Coding & Refactoring**
231-
- Real-time code suggestions
232-
- Works in your existing IDE
233-
234-
- **Language & Framework Support**
235-
- Multi-language compatibility
236-
- Framework-aware completions
237-
238-
- **Context-Aware Intelligence**
239-
- Understands your codebase
240-
- Adapts to your coding style
241-
242-
</v-clicks>
243-
<div class="mt-2">
244-
<a href="https://github.com/features/copilot" target="_blank" class="text-blue-500 hover:underline">github.com/features/copilot</a>
245-
</div>
246-
</div>
247-
248-
<div class="flex items-center justify-center">
249-
<video
250-
src="https://github.githubassets.com/assets/hero-animation-lg-315ab307b8a1.mp4"
251-
autoplay
252-
loop
253-
muted
254-
class="rounded-lg shadow-xl w-full max-w-md"
255-
></video>
256-
</div>
257-
</div>
258-
259-
---
260-
layout: default
261-
---
262-
263-
# B. Cursor
264-
265-
<div class="grid grid-cols-2 gap-4">
266-
<div class="text-sm">
267-
<v-clicks>
268-
269-
- **AI-Enhanced Editor**
270-
- Built on VS Code platform
271-
- Optimized for AI assistance
272-
273-
- **Powerful Agent Mode**
274-
- Makes changes to multiple files
275-
- Runs terminal commands
276-
- Reads & responds to error outputs
277-
278-
- **Intelligent Context**
279-
- Understands your full project
280-
- Accesses documentation & GitHub
281-
- Autonomously solves complex tasks
282-
283-
</v-clicks>
284-
<div class="mt-2">
285-
<a href="https://www.cursor.com/" target="_blank" class="text-blue-500 hover:underline">cursor.com</a>
286-
</div>
287-
</div>
288-
289-
<div class="flex items-center justify-center">
290-
<img
291-
src="/images/cursor-screenshot.png"
292-
alt="Cursor IDE screenshot showing AI-assisted coding"
293-
class="rounded-lg shadow-xl w-full"
294-
/>
295-
</div>
296-
</div>
297-
298155
---
299156
layout: default
300157
---
@@ -333,6 +190,68 @@ layout: default
333190
</div>
334191
</div>
335192

193+
---
194+
transition: slide-up
195+
layout: default
196+
---
197+
198+
# The Power of MCP: Expanding AI Integration
199+
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>
205+
</div>
206+
</div>
207+
208+
<div class="grid grid-cols-2 gap-4 mt-4">
209+
<div>
210+
<h3 class="font-bold text-lg mb-2">Key Capabilities</h3>
211+
<ul class="text-sm space-y-2">
212+
<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>
215+
</li>
216+
<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>
219+
</li>
220+
<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>
223+
</li>
224+
</ul>
225+
</div>
226+
227+
<div>
228+
<h3 class="font-bold text-lg mb-2">Real-World Applications</h3>
229+
<ul class="text-sm space-y-2">
230+
<li class="flex items-start">
231+
<span class="text-purple-500 mr-2">→</span>
232+
<span><strong>Development</strong> — Terminal commands, repo management</span>
233+
</li>
234+
<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>
237+
</li>
238+
<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>
241+
</li>
242+
<li class="flex items-start">
243+
<span class="text-red-500 mr-2">→</span>
244+
<span><strong>Analysis</strong> — Performance and accessibility testing</span>
245+
</li>
246+
</ul>
247+
</div>
248+
</div>
249+
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>
253+
</div>
254+
336255
---
337256

338257
# Additional Tools Worth Exploring
@@ -588,19 +507,19 @@ layout: default
588507
<ul class="text-sm space-y-2">
589508
<li class="flex items-start">
590509
<span class="text-purple-500 mr-2">→</span>
591-
<span><strong>Development</strong> — Terminal commands, repository management, debugging</span>
510+
<span><strong>Development</strong> — Terminal commands, repo management</span>
592511
</li>
593512
<li class="flex items-start">
594513
<span class="text-green-500 mr-2">→</span>
595-
<span><strong>Integration</strong> — Connect to databases, data warehouses, cloud services</span>
514+
<span><strong>Integration</strong> — Connect to databases, APIs, services</span>
596515
</li>
597516
<li class="flex items-start">
598517
<span class="text-amber-500 mr-2">→</span>
599-
<span><strong>Automation</strong> — Workflow orchestration, CI/CD pipelines, multi-step tasks</span>
518+
<span><strong>Automation</strong> — Workflow orchestration, CI/CD pipelines</span>
600519
</li>
601520
<li class="flex items-start">
602521
<span class="text-red-500 mr-2">→</span>
603-
<span><strong>Analysis</strong> — Performance auditing, accessibility checking, security scanning</span>
522+
<span><strong>Analysis</strong> — Performance and accessibility testing</span>
604523
</li>
605524
</ul>
606525
</div>

0 commit comments

Comments
 (0)