Na konci tohto modulu budete schopní:
- ✅ Pochopiť architektúru a výhody Model Context Protocol (MCP)
- ✅ Preskúmať ekosystém MCP serverov od Microsoftu
- ✅ Integrovať MCP servery s AI Toolkit Agent Builderom
- ✅ Vytvoriť funkčného agenta pre automatizáciu prehliadača pomocou Playwright MCP
- ✅ Konfigurovať a testovať MCP nástroje vo vašich agentoch
- ✅ Exportovať a nasadiť agentov poháňaných MCP do produkcie
V Module 1 sme si osvojili základy AI Toolkitu a vytvorili náš prvý Python Agent. Teraz vaše agentov vylepšíme pripojením k externým nástrojom a službám cez revolučný Model Context Protocol (MCP).
Predstavte si to ako upgrade z obyčajnej kalkulačky na plnohodnotný počítač – vaši AI agenti získajú schopnosti:
- 🌐 Prehliadať a interagovať s webovými stránkami
- 📁 Pristupovať k súborom a manipulovať s nimi
- 🔧 Integrovať sa s podnikových systémami
- 📊 Spracovávať dáta v reálnom čase z API
Model Context Protocol (MCP) je „USB-C pre AI aplikácie“ – revolučný otvorený štandard, ktorý prepája veľké jazykové modely (LLM) s externými nástrojmi, zdrojmi dát a službami. Rovnako ako USB-C odstránil chaos s káblami tým, že priniesol jeden univerzálny konektor, MCP odstraňuje zložitosť integrácie AI jedným štandardizovaným protokolom.
Pred MCP:
- 🔧 Vlastné integrácie pre každý nástroj
- 🔄 Uzamknutie u dodávateľa s proprietárnymi riešeniami
- 🔒 Bezpečnostné riziká z ad-hoc pripojení
- ⏱️ Mesiace vývoja pre základné integrácie
S MCP:
- ⚡ Plug-and-play integrácia nástrojov
- 🔄 Architektúra nezávislá od dodávateľa
- 🛡️ Vstavané bezpečnostné najlepšie praktiky
- 🚀 Minúty na pridanie nových funkcií
MCP používa klient-server architektúru, ktorá vytvára bezpečný a škálovateľný ekosystém:
graph TB
A[AI Application/Agent] --> B[MCP Client]
B --> C[MCP Server 1: Files]
B --> D[MCP Server 2: Web APIs]
B --> E[MCP Server 3: Database]
B --> F[MCP Server N: Custom Tools]
C --> G[Local File System]
D --> H[External APIs]
E --> I[Database Systems]
F --> J[Enterprise Systems]
🔧 Kľúčové komponenty:
| Komponent | Úloha | Príklady |
|---|---|---|
| MCP Hosts | Aplikácie, ktoré využívajú MCP služby | Claude Desktop, VS Code, AI Toolkit |
| MCP Clients | Spracovatelia protokolu (1:1 so servermi) | Zabudované v hostiteľských aplikáciách |
| MCP Servers | Poskytujú funkcie cez štandardný protokol | Playwright, Files, Azure, GitHub |
| Transportná vrstva | Spôsoby komunikácie | stdio, HTTP, WebSockets |
Microsoft vedie MCP ekosystém s komplexnou sadou podnikových serverov, ktoré riešia reálne obchodné potreby.
🔗 Repozitár: azure/azure-mcp
🎯 Účel: Komplexné riadenie Azure zdrojov s AI integráciou
✨ Kľúčové vlastnosti:
- Deklaratívne provisionovanie infraštruktúry
- Monitorovanie zdrojov v reálnom čase
- Odporúčania na optimalizáciu nákladov
- Kontrola bezpečnostnej zhody
🚀 Použitie:
- Infrastructure-as-Code s AI asistenciou
- Automatické škálovanie zdrojov
- Optimalizácia nákladov na cloud
- Automatizácia DevOps workflow
📚 Dokumentácia: Microsoft Dataverse Integration
🎯 Účel: Rozhranie v prirodzenom jazyku pre obchodné dáta
✨ Kľúčové vlastnosti:
- Dotazy do databázy v prirodzenom jazyku
- Pochopenie obchodného kontextu
- Vlastné šablóny promptov
- Správa podnikových dát
🚀 Použitie:
- Reportovanie business intelligence
- Analýza zákazníckych dát
- Prehľad o predajnom kanáli
- Dotazy na dáta pre súlad s predpismi
🔗 Repozitár: microsoft/playwright-mcp
🎯 Účel: Automatizácia prehliadača a webová interakcia
✨ Kľúčové vlastnosti:
- Automatizácia naprieč prehliadačmi (Chrome, Firefox, Safari)
- Inteligentné rozpoznávanie prvkov
- Generovanie screenshotov a PDF
- Monitorovanie sieťovej prevádzky
🚀 Použitie:
- Automatizované testovacie workflow
- Web scraping a extrakcia dát
- Monitorovanie UI/UX
- Automatizácia konkurenčnej analýzy
🔗 Repozitár: microsoft/files-mcp-server
🎯 Účel: Inteligentné operácie so súborovým systémom
✨ Kľúčové vlastnosti:
- Deklaratívna správa súborov
- Synchronizácia obsahu
- Integrácia s verzovacím systémom
- Extrakcia metadát
🚀 Použitie:
- Správa dokumentácie
- Organizácia kódových repozitárov
- Workflow publikovania obsahu
- Spracovanie súborov v dátových pipeline
🔗 Repozitár: microsoft/markitdown
🎯 Účel: Pokročilé spracovanie a manipulácia Markdownu
✨ Kľúčové vlastnosti:
- Bohaté parsovanie Markdownu
- Konverzia formátov (MD ↔ HTML ↔ PDF)
- Analýza štruktúry obsahu
- Spracovanie šablón
🚀 Použitie:
- Workflow technickej dokumentácie
- Systémy správy obsahu
- Generovanie reportov
- Automatizácia znalostnej databázy
📦 Balík: @microsoft/clarity-mcp-server
🎯 Účel: Webová analytika a prehľad o správaní používateľov
✨ Kľúčové vlastnosti:
- Analýza heatmap
- Nahrávky používateľských relácií
- Výkonnostné metriky
- Analýza konverzných lievikov
🚀 Použitie:
- Optimalizácia webu
- Výskum používateľskej skúsenosti
- Analýza A/B testov
- Dashboardy business intelligence
Okrem Microsoft serverov MCP ekosystém zahŕňa:
- 🐙 GitHub MCP: Správa repozitárov a analýza kódu
- 🗄️ Databázové MCP: Integrácie PostgreSQL, MySQL, MongoDB
- ☁️ Cloud provider MCP: Nástroje pre AWS, GCP, Digital Ocean
- 📧 Komunikačné MCP: Integrácie Slack, Teams, Email
🎯 Cieľ projektu: Vytvoriť inteligentného agenta pre automatizáciu prehliadača pomocou Playwright MCP servera, ktorý dokáže navigovať na webové stránky, extrahovať informácie a vykonávať zložité webové interakcie.
- Otvorte AI Toolkit Agent Builder
- Vytvorte nového agenta s nasledujúcou konfiguráciou:
- Názov:
BrowserAgent - Model: Vyberte GPT-4o
- Názov:
- Prejdite do sekcie Nástroje v Agent Builderi
- Kliknite na "Add Tool" pre otvorenie menu integrácií
- Vyberte "MCP Server" z dostupných možností
🔍 Pochopenie typov nástrojov:
- Vstavané nástroje: Predkonfigurované funkcie AI Toolkitu
- MCP servery: Integrácie externých služieb
- Vlastné API: Vaše vlastné koncové body služieb
- Volanie funkcií: Priamy prístup k funkciám modelu
-
Zvoľte možnosť "MCP Server" pre pokračovanie
-
Prehliadajte MCP katalóg a preskúmajte dostupné integrácie
- Kliknite na "Use Featured MCP Servers" pre prístup k overeným Microsoft serverom
- Vyberte "Playwright" zo zoznamu
- Prijmite predvolený MCP ID alebo ho prispôsobte pre svoje prostredie
🔑 Kľúčový krok: Vyberte VŠETKY dostupné Playwright metódy pre maximálnu funkcionalitu
🛠️ Nevyhnutné Playwright nástroje:
- Navigácia:
goto,goBack,goForward,reload - Interakcia:
click,fill,press,hover,drag - Extrakcia:
textContent,innerHTML,getAttribute - Validácia:
isVisible,isEnabled,waitForSelector - Zachytenie:
screenshot,pdf,video - Sieť:
setExtraHTTPHeaders,route,waitForResponse
✅ Indikátory úspechu:
- Všetky nástroje sa zobrazujú v rozhraní Agent Buildera
- Žiadne chybové hlásenia v paneli integrácie
- Stav Playwright servera ukazuje „Connected“
🔧 Riešenie bežných problémov:
- Pripojenie zlyhalo: Skontrolujte internetové pripojenie a nastavenia firewallu
- Chýbajúce nástroje: Uistite sa, že ste vybrali všetky funkcie počas nastavenia
- Chyby oprávnení: Overte, či má VS Code potrebné systémové povolenia
Vytvorte sofistikované prompty, ktoré využívajú plný potenciál Playwrightu:
# Web Automation Expert System Prompt
## Core Identity
You are an advanced web automation specialist with deep expertise in browser automation, web scraping, and user experience analysis. You have access to Playwright tools for comprehensive browser control.
## Capabilities & Approach
### Navigation Strategy
- Always start with screenshots to understand page layout
- Use semantic selectors (text content, labels) when possible
- Implement wait strategies for dynamic content
- Handle single-page applications (SPAs) effectively
### Error Handling
- Retry failed operations with exponential backoff
- Provide clear error descriptions and solutions
- Suggest alternative approaches when primary methods fail
- Always capture diagnostic screenshots on errors
### Data Extraction
- Extract structured data in JSON format when possible
- Provide confidence scores for extracted information
- Validate data completeness and accuracy
- Handle pagination and infinite scroll scenarios
### Reporting
- Include step-by-step execution logs
- Provide before/after screenshots for verification
- Suggest optimizations and alternative approaches
- Document any limitations or edge cases encountered
## Ethical Guidelines
- Respect robots.txt and rate limiting
- Avoid overloading target servers
- Only extract publicly available information
- Follow website terms of serviceNavrhnite prompty, ktoré demonštrujú rôzne schopnosti:
🌐 Príklad webovej analýzy:
Navigate to github.com/kinfey and provide a comprehensive analysis including:
1. Repository structure and organization
2. Recent activity and contribution patterns
3. Documentation quality assessment
4. Technology stack identification
5. Community engagement metrics
6. Notable projects and their purposes
Include screenshots at key steps and provide actionable insights.
- Kliknite na "Run" pre spustenie automatizačnej sekvencie
- Sledujte vykonávanie v reálnom čase:
- Automatické spustenie prehliadača Chrome
- Agent naviguje na cieľovú webovú stránku
- Screenshoty zachytávajú každý dôležitý krok
- Výsledky analýzy sa zobrazujú v reálnom čase
Prezrite si komplexnú analýzu v rozhraní Agent Buildera:
Agent Builder podporuje viacero možností nasadenia:
✅ Osvojené zručnosti:
- Pochopenie architektúry a výhod MCP
- Orientácia v ekosystéme MCP serverov Microsoftu
- Integrácia Playwright MCP s AI Toolkitom
- Vytváranie pokročilých agentov pre automatizáciu prehliadača
- Pokročilé navrhovanie promptov pre webovú automatizáciu
- 🔗 Špecifikácia MCP: Oficiálna dokumentácia protokolu
- 🛠️ Playwright API: Kompletný referenčný manuál
- 🏢 Microsoft MCP servery: Sprievodca podnikových integrácií
- 🌍 Komunitné príklady: Galéria MCP serverov
🎉 Gratulujeme! Úspešne ste zvládli integráciu MCP a teraz môžete vytvárať produkčne pripravených AI agentov s možnosťami externých nástrojov!
Ste pripravení posunúť svoje MCP zručnosti na vyššiu úroveň? Pokračujte do Modul 3: Pokročilý vývoj MCP s AI Toolkit, kde sa naučíte:
- Vytvárať vlastné MCP servery
- Konfigurovať a používať najnovší MCP Python SDK
- Nastaviť MCP Inspector pre ladenie
- Ovládnuť pokročilé pracovné postupy vývoja MCP serverov
- Vytvorte Weather MCP Server od základov
Vyhlásenie o zodpovednosti:
Tento dokument bol preložený pomocou AI prekladateľskej služby Co-op Translator. Aj keď sa snažíme o presnosť, prosím, majte na pamäti, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.