Guido van Dijk
180361eda4
Eight step-by-step guides, appendices (design patterns, design card with eight filled-in examples, AI tools in education), facilitator guide and presentation. LeX Consultancy edition; screenshots from the Dutch build of the same apps. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
18 lines
2.3 KiB
HTML
Generated
18 lines
2.3 KiB
HTML
Generated
<section id="demo02" 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">
|
|
<p style="font-family:'Rubik', Arial, sans-serif; font-size:26px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#D9480F">Demo · 10 minutes</p><h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">An agent with a knowledge base</h2>
|
|
<div style="display:flex; gap:48px">
|
|
<div style="flex:1; display:flex; flex-direction:column; gap:20px">
|
|
<p style="font-size:29px; color:#3D4756; line-height:1.4">The School guide assistant answers questions from parents and students out of a two-page school guide. The Parent letter assistant rewrites a woolly letter according to the style guide and says what it changed.</p>
|
|
<ul style="font-size:27px; color:#3D4756; line-height:1.5"><li>A knowledge base splits your document into pieces; the split determines the quality</li><li>The description of the knowledge base is for the agent, not for you</li><li>Used Knowledge above the answer: it really searched</li></ul>
|
|
</div>
|
|
<div style="width:640px; display:flex; flex-direction:column; gap:20px; background:#EFEAE0; padding:36px; border-radius:16px; border:1px solid #D8D2C4">
|
|
<p style="font-family:'Rubik', Arial, sans-serif; font-size:26px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#2563EB">Interaction · sabotage</p>
|
|
<p style="font-family:'Rubik', Arial, sans-serif; font-size:40px; font-weight:600; color:#1E2A3A; line-height:1.2">Make it stumble</p>
|
|
<p style="font-size:27px; color:#3D4756; line-height:1.4">In your pair, think of one question the assistant must not know the answer to, and one it could invent a wrong answer for. We try three live.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents with Dify · LeX Consultancy · CC BY-SA 4.0</p><img src="../images/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">
|
|
<aside>The School guide assistant and the Parent letter assistant. The sabotage shows why the rule 'say that you do not know' is in the instruction. If it invents something anyway: perfect, that is the lesson.</aside>
|
|
</section>
|