Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
543 lines (471 loc) · 31.8 KB
/
Copy pathindex.html
File metadata and controls
543 lines (471 loc) · 31.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Microsoft Copilot Acceleration Team</title>
<meta name="description"
content="CAT is dedicated to empowering organizations to achieve agentic transformation at scale with Microsoft Copilot Studio."
property="og:description">
<meta content="Microsoft CAT" property="og:title">
<meta name="image" property="og:image" content="https://microsoft.github.io/cat/images/og-image.png">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<!-- Prevent flash of wrong theme -->
<script>
(function () {
var saved = localStorage.getItem('cat-theme');
var t = ['light', 'dark', 'cat'].includes(saved)
? saved
: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
document.documentElement.setAttribute('data-theme', t);
})();
</script>
<!-- Fluent UI Web Components -->
<script type="module" src="https://unpkg.com/@fluentui/web-components/dist/web-components.min.js"></script>
<!-- Segoe UI -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Segoe+UI:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/fluent.css">
</head>
<body>
<!-- ═══════════════════════════════════════
NAVIGATION
═══════════════════════════════════════ -->
<nav class="nav" id="nav" aria-label="Main navigation">
<div class="nav-inner">
<a href="#home" class="nav-brand">
<span class="nav-brand-ms">Microsoft</span>
<div class="nav-divider"></div>
<span class="nav-brand-name">Copilot Acceleration Team</span>
</a>
<div class="nav-right">
<ul class="nav-links">
<li><a href="#tools">Resources & Tools</a></li>
<li><a href="#programs">Programs</a></li>
<li><a href="#guidance">Guidance</a></li>
<li><a href="#stories">Stories</a></li>
<li><a href="#events">Events</a></li>
</ul>
<button class="theme-toggle" id="theme-toggle" aria-label="Switch to dark theme">
<!-- Moon: shown in light mode -->
<svg class="icon-moon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
</svg>
<!-- Cat: shown in dark mode -->
<svg class="icon-cat" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 8 4 3l5 3a10 10 0 0 1 6 0l5-3-1 5a8 8 0 1 1-14 0Z"/>
<path d="M9 13h.01M15 13h.01M10 16c1.2 1 2.8 1 4 0"/>
</svg>
<!-- Sun: shown in cat mode -->
<svg class="icon-sun" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="12" cy="12" r="5"/>
<line x1="12" y1="1" x2="12" y2="3"/>
<line x1="12" y1="21" x2="12" y2="23"/>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
<line x1="1" y1="12" x2="3" y2="12"/>
<line x1="21" y1="12" x2="23" y2="12"/>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
</svg>
</button>
<button class="nav-hamburger" id="nav-hamburger" aria-label="Toggle navigation" aria-expanded="false">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true">
<path d="M2 5h16M2 10h16M2 15h16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
</svg>
</button>
</div>
</div>
</nav>
<div class="nav-mobile" id="nav-mobile" aria-label="Mobile navigation">
<a href="#tools" onclick="closeMobileNav()">Resources & Tools</a>
<a href="#programs" onclick="closeMobileNav()">Programs</a>
<a href="#guidance" onclick="closeMobileNav()">Guidance</a>
<a href="#stories" onclick="closeMobileNav()">Stories</a>
<a href="#events" onclick="closeMobileNav()">Events</a>
</div>
<!-- ═══════════════════════════════════════
HERO
═══════════════════════════════════════ -->
<section id="home" class="hero" aria-labelledby="hero-heading">
<div class="hero-inner">
<div class="hero-content">
<h1 class="hero-title" id="hero-heading">
Microsoft
Copilot<br>
<span class="hero-accent" data-default-text="Acceleration Team" data-cat-text="Accele-purr-ation Team">Acceleration Team</span>
</h1>
<p class="cat-mode-badge" aria-hidden="true">CAT mode unlocked. Pawsibilities enabled.</p>
<p class="hero-subtitle">
We are the Copilot Acceleration Team (CAT), part of the Copilot engineering team at Microsoft. Our mission is to accelerate the adoption and success of Microsoft 365 Copilot and Copilot Studio.
<br/><br/>
We empower organizations to achieve agentic transformation at scale with resources, tools, programs, and guidance developed from real-world customer experience.
</p>
<!-- <div class="hero-actions">
<a href="#tools" class="btn btn-white btn-lg">Explore Tools</a>
<a href="#programs" class="btn btn-ghost-white btn-lg">View Programs</a>
</div> -->
<!-- <div class="hero-stats">
<div class="hero-stat">
<span class="stat-value">5+</span>
<span class="stat-label">Open-source tools</span>
</div>
<div class="stat-sep"></div>
<div class="hero-stat">
<span class="stat-value">6</span>
<span class="stat-label">Training programs</span>
</div>
<div class="stat-sep"></div>
<div class="hero-stat">
<span class="stat-value">Global</span>
<span class="stat-label">Enterprise reach</span>
</div>
</div> -->
</div>
<div class="hero-visual">
<img src="images/header.png" alt="Copilot Acceleration Team" id="headerimg">
</div>
</div>
</section>
<!-- ═══════════════════════════════════════
RESOURCES & TOOLS
═══════════════════════════════════════ -->
<section id="tools" class="section section-tinted" aria-labelledby="tools-heading">
<div class="container">
<header class="section-header reveal">
<span class="section-eyebrow">Resources & Tools</span>
<h2 class="section-title" id="tools-heading" data-default-text="Build better, faster" data-cat-text="Build better, faster, fur real">Build better, faster</h2>
<p class="section-desc">Accelerate and enable successful adoption with resources and tools developed and curated by CAT, based on real-world customer experience.</p>
</header>
<div class="bento-grid reveal">
<a href="https://aka.ms/copilotstudiokit" target="_blank" rel="noopener" class="bento-featured">
<div class="bento-content">
<h3 class="bento-featured-title">Copilot Agent Kit</h3>
<p class="bento-featured-desc">Develop and test custom agents, validate AI-generated content with large language models, optimize prompts, and track aggregated key performance indicators.</p>
<span class="btn btn-white">Learn more</span>
</div>
<div class="bento-visual">
<div class="bento-chips">
<div class="bento-chip">
<strong>Agent Testing</strong>
Validate and evaluate agent responses
</div>
<div class="bento-chip">
<strong>Prompt Optimization</strong>
Fine-tune prompts with AI assistance
</div>
<div class="bento-chip">
<strong>KPI Tracking</strong>
Aggregated performance dashboards
</div>
</div>
</div>
</a>
</div>
<div class="card-grid reveal-stagger" style="margin-top: var(--space-6)">
<a href="https://aka.ms/agentresources" target="_blank" rel="noopener" class="card">
<div class="card-title">Agent Resources</div>
<p class="card-desc">Resources to help you on your journey to agentic transformation through effectively building, deploying, and managing agents with Microsoft tools and platforms.</p>
<div class="card-cta"><span class="btn btn-outline">Learn more</span></div>
</a>
<a href="https://microsoft.github.io/mcscatblog/" target="_blank" rel="noopener" class="card">
<div class="card-title">The Custom Engine Blog</div>
<p class="card-desc">Insights, patterns, and best practices from the CAT team on building custom engine agents and extending Microsoft Copilot.</p>
<div class="card-cta"><span class="btn btn-outline">Read more</span></div>
</a>
<a href="https://github.com/microsoft/skills-for-copilot-studio" target="_blank" rel="noopener" class="card">
<div class="card-title">Skills for Copilot Studio</div>
<p class="card-desc">A skill for AI-coding tools to build and edit Microsoft Copilot Studio agents as YAML — with schema validation, templates, and AI-powered skills.</p>
<div class="card-cta"><span class="btn btn-outline">Learn more</span></div>
</a>
<a href="https://microsoft.github.io/CopilotStudioSamples/" target="_blank" rel="noopener" class="card">
<div class="card-title">Copilot Studio Samples</div>
<p class="card-desc">Explore sample agents, components, and solutions that demonstrate what you can build with Microsoft Copilot Studio.</p>
<div class="card-cta"><span class="btn btn-outline">Explore samples</span></div>
</a>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════
PROGRAMS
═══════════════════════════════════════ -->
<section id="programs" class="section" aria-labelledby="programs-heading">
<div class="container">
<header class="section-header reveal">
<span class="section-eyebrow">Programs</span>
<h2 class="section-title" id="programs-heading" data-default-text="Grow your skills" data-cat-text="Sharpen your claws">Grow your skills</h2>
<p class="section-desc">Gain skills and knowledge to successfully adopt and deploy impactful solutions using Power Platform and Copilot Studio with programs from CAT and our partner teams.</p>
</header>
<div class="card-grid-4 reveal-stagger">
<a href="https://aka.ms/agiad" target="_blank" rel="noopener" class="card">
<div class="card-title">Agent In A Day</div>
<p class="card-desc">Hands-on, step-by-step exercises led by an instructor to build agents using Microsoft Copilot Studio.</p>
<div class="card-cta"><span class="btn btn-outline">Learn more</span></div>
</a>
<a href="programs/ai-webinar.html" target="_blank" rel="noopener" class="card">
<div class="card-title">AI Webinars</div>
<p class="card-desc">Gain the knowledge and skills needed to thrive with Copilot Studio agents in this series of interactive virtual sessions.</p>
<div class="card-cta"><span class="btn btn-outline">Learn more</span></div>
</a>
<a href="programs/agent-hackathon.html" target="_blank" rel="noopener" class="card">
<div class="card-title">Agent Build-A-Thon</div>
<p class="card-desc">Monthly hackathons hosted by CAT to accelerate your understanding and adoption of agentic AI.</p>
<div class="card-cta"><span class="btn btn-outline">Learn more</span></div>
</a>
<a href="programs/architecture-bootcamp.html" target="_blank" rel="noopener" class="card">
<div class="card-title">Architecture Bootcamp</div>
<p class="card-desc">An intensive 3-day training program to upskill architects in implementing scalable solutions with Copilot Studio.</p>
<div class="card-cta"><span class="btn btn-outline">Learn more</span></div>
</a>
<a href="https://microsoft.github.io/mcs-labs/" target="_blank" rel="noopener" class="card">
<div class="card-title">Microsoft Copilot Agents Labs</div>
<p class="card-desc">Build practical Copilot Studio skills through hands-on labs for creating and extending Microsoft Copilot agents.</p>
<div class="card-cta"><span class="btn btn-outline">Explore labs</span></div>
</a>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════
GUIDANCE
═══════════════════════════════════════ -->
<section id="guidance" class="section section-dark" aria-labelledby="guidance-heading">
<div class="container" style="position:relative;z-index:1">
<header class="section-header reveal">
<span class="section-eyebrow">Guidance</span>
<h2 class="section-title" id="guidance-heading" data-default-text="Adopt and implement with confidence" data-cat-text="Lead the pack and land on your feet">Adopt and implement with confidence</h2>
<p class="section-desc">Drive successful adoption and implementation of agentic AI, Power Platform, and Copilot Studio with comprehensive guidance and proven practices.</p>
</header>
<div class="card-grid-4 reveal-stagger">
<a href="https://aka.ms/powerarchitecture" target="_blank" rel="noopener" class="card">
<div class="card-title">Architecture Center</div>
<p class="card-desc">Design solutions using established patterns and practices on Power Platform and Copilot Studio.</p>
<div class="card-cta"><span class="btn btn-dark-outline">Learn more</span></div>
</a>
<a href="https://learn.microsoft.com/en-us/microsoft-copilot-studio/guidance/architecture/" target="_blank" rel="noopener" class="card">
<div class="card-title">Architect Agent Solutions</div>
<p class="card-desc">Principles and patterns for architecting agents — covering fit for purpose, operability, trust, search and tool use, and multi-agent patterns.</p>
<div class="card-cta"><span class="btn btn-dark-outline">Learn more</span></div>
</a>
<a href="https://aka.ms/copilotstudioguidance" target="_blank" rel="noopener" class="card">
<div class="card-title">Copilot Studio Guidance</div>
<p class="card-desc">Create and implement the business and technology strategies for successful adoption of Copilot Studio.</p>
<div class="card-cta"><span class="btn btn-dark-outline">Learn more</span></div>
</a>
<a href="https://learn.microsoft.com/en-us/agents/adopt-overview" target="_blank" rel="noopener" class="card">
<div class="card-title">Adopt Agentic AI at Scale</div>
<p class="card-desc">Build an organization-wide strategy for adopting agentic AI responsibly, from preparing your people and processes to measuring value at scale.</p>
<div class="card-cta"><span class="btn btn-dark-outline">Explore adoption guidance</span></div>
</a>
<a href="https://microsoft.github.io/new-copilot-studio-tech-guide/" target="_blank" rel="noopener" class="card">
<div class="card-title">Copilot Studio Technical Guide for the GitHub Copilot Harness</div>
<p class="card-desc">Explore technical guidance for designing, building, deploying, and managing solutions with the GitHub Copilot harness for Copilot Studio.</p>
<div class="card-cta"><span class="btn btn-dark-outline">Read the guide</span></div>
</a>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════
STORIES
═══════════════════════════════════════ -->
<section id="stories" class="section" aria-labelledby="stories-heading">
<div class="container">
<header class="section-header reveal">
<span class="section-eyebrow">Customer Stories</span>
<h2 class="section-title" id="stories-heading" data-default-text="Real-world impact" data-cat-text="Pawsitive real-world impact">Real-world impact</h2>
<p class="section-desc">Compelling customer stories highlight the diverse and creative ways agents transform organizations.</p>
</header>
<div class="stories-grid reveal-stagger">
<a href="https://aka.ms/CopilotAgentStories" target="_blank" rel="noopener" class="story-featured">
<div class="card-title">Customer Stories</div>
<p class="card-desc">Discover how organizations across industries are transforming their businesses with agents and find inspiration for your own AI journey.</p>
<span class="btn btn-brand" style="margin-top: auto; align-self: flex-start">Explore Stories</span>
</a>
<div class="stories-secondary">
<a href="https://aka.ms/PowerPlatformVideos" target="_blank" rel="noopener" class="card">
<div class="card-title">Customer Story Videos</div>
<p class="card-desc">Videos showcasing how Power Platform and Copilot Studio are transforming businesses, careers and lives.</p>
<div class="card-cta"><span class="btn btn-outline">Watch Now</span></div>
</a>
<a href="https://aka.ms/CXGStoryNomination" target="_blank" rel="noopener" class="card">
<div class="card-title">Share Your Story</div>
<p class="card-desc">Share your story to showcase within Microsoft, among our customers, and across the broader community.</p>
<div class="card-cta"><span class="btn btn-outline">Submit Story</span></div>
</a>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════
EVENTS
═══════════════════════════════════════ -->
<section id="events" class="section" aria-labelledby="events-heading">
<div class="container">
<header class="section-header reveal">
<span class="section-eyebrow">Upcoming event</span>
<h2 class="section-title" id="events-heading" data-default-text="Meet CAT at PPCC26" data-cat-text="Meet the CAT pack at PPCC26">Meet CAT at PPCC26</h2>
<p class="section-desc">Join members of the Copilot Acceleration Team at the Power Platform Community Conference for a full-day workshop and sessions on building, operating, and governing the agentic enterprise.</p>
</header>
<div class="event-schedule-note reveal" role="status">
<div>
<strong>Dates and times for the conference sessions are coming soon.</strong>
<span>When the full schedule is published, you will be able to browse the sessions in a calendar by date and time.</span>
</div>
<a href="https://powerplatformconf.com/sessions" target="_blank" rel="noopener" class="btn btn-brand">Browse all PPCC26 sessions</a>
</div>
<div class="event-grid reveal-stagger">
<a href="https://powerplatformconf.com/workshops/Deep-dive-into-the-new-Copilot-Studio%3A-engineering-enterprise-agents-and-workflows" target="_blank" rel="noopener" class="event-card event-card--workshop">
<span class="event-card-label">PPCC26 full-day workshop</span>
<h3>Deep Dive Into the New Copilot Studio: Engineering Enterprise Agents and Workflows</h3>
<time class="event-card-date" datetime="2026-10-25T09:00">October 25 · 9:00 AM–4:00 PM</time>
<p class="event-card-desc">Go beyond the platform tour to engineer enterprise agents, long-horizon orchestration, reusable skills, autopilots, MCP apps, and reliable human-in-the-loop workflows.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Bobby Chang, Doug Bellingeri, Henry Jammes, Remi Dyon, Roel Schenk</p>
<span class="event-card-link">View workshop details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Beyond-the-Basics%3A-the-GitHub-Copilot-Harness-and-Workflows-in-Copilot-Studio" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Beyond the Basics: the GitHub Copilot Harness and Workflows in Copilot Studio</h3>
<p class="event-card-desc">A technical deep dive into the harness's reasoning loop, reusable skills, tool orchestration, memory, workflows, and migration from the standard harness.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Alicja Gilderdale, Giorgio Ughini, Roel Schenk</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Building-your-agentic-enterprise-with-agents%2C-workflows-and-autopilots-in-the-new-Copilot-Studio" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Building your agentic enterprise with agents, workflows and autopilots in the new Copilot Studio</h3>
<p class="event-card-desc">A candid roundtable on autonomous agents, agentic workflows, computer use, and turning real business processes over to the new Copilot Studio.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Doug Bellingeri, Giorgio Ughini, Rahul Ranjit Kannathusseril, Roel Schenk</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Lost-in-the-Agent-Jungle%3A-What-to-Use-When%3F" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Lost in the Agent Jungle: What to Use When?</h3>
<p class="event-card-desc">Clarify when to use Copilot Studio, Microsoft 365 Copilot, Cowork, Work IQ, and Agent 365—and how to communicate those choices across your organization.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Bobby Chang, Karima Kanji-Tajdin, Remi Dyon, Roel Schenk</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Recommended-Architectural-Patterns-%26-Common-Pitfalls-for-MCS-Retrieval-Agents" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Recommended Architectural Patterns & Common Pitfalls for MCS Retrieval Agents</h3>
<p class="event-card-desc">Compare retrieval patterns for structured and unstructured data using RAG, SharePoint, Dataverse, connectors, MCP, and modern orchestration.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Betty Le, Doug Bellingeri, Karima Kanji-Tajdin, Remi Dyon</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Exec-Panel%3A-The-Token-Meter-Is-Running%2C-What-It-Takes-to-Get-Max-ROI-from-AI-Agents" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Exec Panel: The Token Meter Is Running, What It Takes to Get Max ROI from AI Agents</h3>
<p class="event-card-desc">Customer executives share what it takes to prepare data, manage consumption-based costs, and prove durable value from production AI agents.</p>
<p class="event-card-speakers"><strong>Speaker:</strong> Srini Raghavan, with customer executives</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Extending-Copilot-Cowork-with-Custom-Plugins-and-Workflows-with-Real-world-Customer-Use-Cases" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Extending Copilot Cowork with Custom Plugins and Workflows with Real-world Customer Use Cases</h3>
<p class="event-card-desc">Learn how plugins, tools, skills, workflows, and external integrations can turn Copilot Cowork into a customizable engineering companion.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Alicja Gilderdale, Giorgio Ughini</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/From-AI-Adoption-to-AI-Confidence%3A-Evaluation-and-Analytics-for-Agents%2C-Flows-and-Apps" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>From AI Adoption to AI Confidence: Evaluation and Analytics for Agents, Flows and Apps</h3>
<p class="event-card-desc">Use evaluation, analytics, A/B testing, and production monitoring to improve quality throughout the complete AI asset lifecycle.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Efrat Gilboa, Ilana Kantorov, Karima Kanji-Tajdin</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Agents-in-the-Wild%3A-Emerging-Design-Patterns-for-the-Agentic-Enterprise" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Agents in the Wild: Emerging Design Patterns for the Agentic Enterprise</h3>
<p class="event-card-desc">Explore emerging architecture patterns, tradeoffs, and lessons from more than 1,000 enterprise agent engagements and real customer deployments.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Clint Williams, Dan Stevenson</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Operationalizing-Agents-at-Scale%3A-The-Agentic-COE-Playbook" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Operationalizing Agents at Scale: The Agentic COE Playbook</h3>
<p class="event-card-desc">A practical playbook for the structures, roles, guardrails, and operating rhythms needed to scale agents across the enterprise.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Aamer Kaleem, Saurabh Pant</p>
<span class="event-card-link">View session details</span>
</a>
<a href="https://powerplatformconf.com/sessions/Agentic-Governance%3A-Secure%2C-Govern%2C-and-Operate-Your-Power-Platform-at-Scale" target="_blank" rel="noopener" class="event-card">
<span class="event-card-label">PPCC26 session</span>
<h3>Agentic Governance: Secure, Govern, and Operate Your Power Platform at Scale</h3>
<p class="event-card-desc">Build reporting, inventory, automated controls, and agentic governance on the Power Platform API as the CoE Starter Kit retires.</p>
<p class="event-card-speakers"><strong>Speakers:</strong> Gregg Barker, Lane Swenka, Reza Dorrani, Sanket Vasa</p>
<span class="event-card-link">View session details</span>
</a>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════
FOOTER
═══════════════════════════════════════ -->
<footer class="footer">
<div class="footer-inner">
<div class="footer-brand">
<span class="footer-brand-text">Microsoft Copilot Acceleration Team</span>
</div>
<p class="footer-copy">© 2026 Microsoft Corporation. All rights reserved.</p>
</div>
</footer>
<script>
const html = document.documentElement;
const nav = document.getElementById('nav');
const hamburger = document.getElementById('nav-hamburger');
const mobileNav = document.getElementById('nav-mobile');
const toggle = document.getElementById('theme-toggle');
// ── Nav: transparent → glassmorphism on scroll ──────────────
const updateNav = () => nav.classList.toggle('nav--scrolled', window.scrollY > 16);
window.addEventListener('scroll', updateNav, { passive: true });
updateNav();
// ── Mobile nav ───────────────────────────────────────────────
hamburger.addEventListener('click', () => {
const isOpen = mobileNav.classList.toggle('open');
hamburger.setAttribute('aria-expanded', String(isOpen));
});
function closeMobileNav() {
mobileNav.classList.remove('open');
hamburger.setAttribute('aria-expanded', 'false');
}
document.addEventListener('click', (e) => {
if (!hamburger.contains(e.target) && !mobileNav.contains(e.target)) closeMobileNav();
});
// ── Theme toggle ─────────────────────────────────────────────
const themes = ['light', 'dark', 'cat'];
const themeLabels = {
light: 'Switch to dark theme',
dark: 'Switch to cat theme',
cat: 'Switch to light theme'
};
const updateThemeLabel = () => {
const current = html.getAttribute('data-theme');
toggle.setAttribute('aria-label', themeLabels[current]);
document.querySelectorAll('[data-cat-text]').forEach(element => {
element.textContent = current === 'cat'
? element.dataset.catText
: element.dataset.defaultText;
});
};
updateThemeLabel();
toggle.addEventListener('click', () => {
const current = html.getAttribute('data-theme');
const next = themes[(themes.indexOf(current) + 1) % themes.length];
// Smooth transition
document.body.classList.add('theme-transitioning');
html.setAttribute('data-theme', next);
localStorage.setItem('cat-theme', next);
updateThemeLabel();
setTimeout(() => document.body.classList.remove('theme-transitioning'), 280);
});
// ── Scroll reveal ────────────────────────────────────────────
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
observer.unobserve(entry.target);
}
});
}, { threshold: 0.08 });
document.querySelectorAll('.reveal, .reveal-stagger').forEach(el => observer.observe(el));
</script>
</body>
</html>