Guido van Dijk
f8f97d0847
- twee nieuwe dia's (26 in totaal): Wat is een agent, Wat een agent niet is - deel 1 opnieuw ingedeeld: landschap 10 minuten, demo met sabotage 10 - alle dianummers in het draaiboek bijgewerkt; 18 paginas - README en CHANGELOG Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
14 lines
2.8 KiB
HTML
14 lines
2.8 KiB
HTML
<section id="watiseenagent" data-transition="fade" style="background:#F7F4EC; color:#1E2A3A; font-family:'Nunito Sans', Verdana, sans-serif; padding:128px 128px 160px; display:flex; flex-direction:column; gap:40px">
|
|
<h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Wat is een agent?</h2>
|
|
<p style="font-size:32px; color:#3D4756; line-height:1.4"><b>Een agent krijgt een doel en bepaalt zelf welke stappen hij zet</b>, met de middelen die jij hem geeft. Een chatbot wacht op je volgende vraag; een agent werkt een opdracht af.</p>
|
|
<div style="display:flex; gap:32px">
|
|
<div style="flex:1; display:flex; flex-direction:column; gap:16px; background:#FFFFFF; padding:36px; border:1px solid #D8D2C4; border-radius:16px"><h3 style="font-family:'Rubik', Arial, sans-serif; font-size:34px; font-weight:600; color:#1E2A3A; line-height:1.2">1 · Een doel en regels</h3><p style="font-size:27px; color:#3D4756; line-height:1.4">Wie ben je, wat doe je, en wat doe je nooit. Dat is de instructie die je vandaag schrijft.</p></div>
|
|
<div style="flex:1; display:flex; flex-direction:column; gap:16px; background:#FFFFFF; padding:36px; border:1px solid #D8D2C4; border-radius:16px"><h3 style="font-family:'Rubik', Arial, sans-serif; font-size:34px; font-weight:600; color:#1E2A3A; line-height:1.2">2 · Middelen</h3><p style="font-size:27px; color:#3D4756; line-height:1.4">Kennis uit jouw documenten, gereedschap om te zoeken, te rekenen of een bestand te maken, en geheugen van het gesprek.</p></div>
|
|
<div style="flex:1; display:flex; flex-direction:column; gap:16px; background:#FFFFFF; padding:36px; border:1px solid #D8D2C4; border-radius:16px"><h3 style="font-family:'Rubik', Arial, sans-serif; font-size:34px; font-weight:600; color:#1E2A3A; line-height:1.2">3 · Ruimte om te kiezen</h3><p style="font-size:27px; color:#3D4756; line-height:1.4">Hij bepaalt de volgorde, kijkt na elke stap wat eruit kwam, en probeert het opnieuw als het misgaat.</p></div>
|
|
</div>
|
|
<p style="font-size:28px; color:#3D4756; line-height:1.4">De Toetsweekplanner kreeg één opdracht: maak een studieplan. Niemand zei 'schrijf een programma'. Hij schreef er zelf een, voerde het uit, en gaf het Excel-bestand terug.</p>
|
|
|
|
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents met Dify · LeX Consultancy · AI Netwerk Limburg · CC BY-SA 4.0</p><img src="../beelden/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">
|
|
<aside>Dit is de dia waar de hele middag op rust. Zeg de eerste zin langzaam. Het voorbeeld van de Toetsweekplanner is het verschil met een workflow: jij vroeg om een plan, niet om een programma. Nog niet over patronen beginnen, dat is de volgende dia.</aside>
|
|
</section>
|