index-en.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agentic AI: Theory and Construction of Agent Systems</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css">
<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=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+KR:wght@500;600&display=swap" rel="stylesheet">
<style>
:root{
  --paper:#FFFFFF;
  --ink:#1C1917;
  --body:#44403C;
  --muted:#78716C;
  --faint:#A8A29E;
  --line:#E7E5E4;
  --wash:#FAFAF9;
  --link:#2563EB;
  --mono:'IBM Plex Mono', ui-monospace, monospace;
  --sans:'Pretendard Variable', Pretendard, -apple-system, sans-serif;
  --serif:Fraunces, 'Noto Serif KR', Georgia, serif;
  --maxw:680px;
  --r:8px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--paper);color:var(--body);
  font-family:var(--sans);font-weight:400;
  line-height:1.8;font-size:15.5px;
  word-break:keep-all;overflow-wrap:break-word;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--ink);color:var(--paper)}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.sheet{max-width:1040px;margin:0 auto;padding:0 24px}
.col{max-width:var(--maxw);margin:0 auto}

header.doc{padding:40px 0 0}
.topnav{font-family:var(--mono);font-size:11px;letter-spacing:.04em;margin-bottom:32px;display:flex;justify-content:flex-end;gap:16px}

.masthead{padding-bottom:64px;border-bottom:1px solid var(--line)}
h1.title{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4.6vw,44px);line-height:1.2;letter-spacing:-0.01em;color:var(--ink);text-wrap:balance}
h1.title .en{display:block;font-family:var(--mono);font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.06em;margin-top:14px}
.lede{margin-top:26px;max-width:580px;font-size:16px;line-height:1.85;color:var(--muted)}

section{padding:56px 0 8px}
.secmark{display:flex;align-items:baseline;gap:14px;margin-bottom:32px;border-top:1px solid var(--line);padding-top:20px}
.secmark .no{font-family:var(--mono);font-weight:500;font-size:10.5px;color:var(--faint);letter-spacing:.12em;white-space:nowrap;text-transform:uppercase}
.secmark h2{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2.8vw,26px);line-height:1.3;color:var(--ink)}
p{margin-bottom:20px}
strong{font-weight:600;color:var(--ink)}
.small{font-size:13.5px;color:var(--muted)}

.bio{border:1px solid var(--line);border-radius:var(--r);padding:26px 28px 20px}
.bio{display:flex;gap:28px;align-items:flex-start}
.bio .photo{flex:0 0 210px;width:210px;height:262px;object-fit:cover;object-position:38% 12%;border-radius:6px;display:block}
.bio .info{flex:1 1 auto;min-width:0}
.bio .name{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);margin-bottom:2px}
.bio .role{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.1em;margin-bottom:14px;text-transform:uppercase}
.bio p{font-size:14px;line-height:1.85;color:var(--body);margin-bottom:12px}
.bio .sub{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--faint);margin:18px 0 6px;text-transform:uppercase}
.bio ul{list-style:none;margin:0 0 4px}
.bio li{font-size:13px;line-height:1.7;color:var(--body);padding:3px 0}
.bio li .y{font-family:var(--mono);font-size:11px;color:var(--faint)}
.bio .links{font-family:var(--mono);font-size:11.5px;margin-top:14px}
.bio .links a{white-space:nowrap}
.bio .links span{color:var(--faint);margin:0 8px}
@media(max-width:640px){.bio{flex-direction:column}.bio .photo{width:100%;height:200px;flex:none}.bio{padding:22px 18px 16px}}

.phase{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);font-weight:500;margin:40px 0 8px;text-transform:uppercase}
.weeks{margin:0 0 8px}
.weeks>li{list-style:none;border-bottom:1px solid var(--line)}
.weeks>li:first-child{border-top:1px solid var(--line)}
.weeks a,.weeks .row{
  display:flex;gap:18px;align-items:baseline;padding:15px 4px;
  color:var(--ink);
}
.weeks a:hover{background:var(--wash);text-decoration:none}
.weeks .row{color:var(--faint)}
.weeks .row .t{font-weight:500}
.weeks .no{font-family:var(--mono);font-size:11px;color:var(--faint);font-weight:500;flex:0 0 42px}
.weeks .t{font-weight:600;font-size:14.5px}
.weeks .sub{font-size:12px;color:var(--faint);margin-left:auto;font-family:var(--mono);white-space:nowrap}
@media(max-width:640px){.weeks .sub{display:none}}

footer{
  margin-top:64px;border-top:1px solid var(--line);
  padding:20px 0 56px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.03em;
}
footer .o{color:var(--muted)}
@media(max-width:640px){body{font-size:15px}}
</style>
</head>
<body>
<div class="sheet">

<header class="doc">
  <div class="col">
    <div class="topnav"><a href="index.html">KO</a></div>

    <div class="masthead">
      <h1 class="title">Theory and Construction<br>of Agent Systems
        <span class="en">AI Agent Engineering 101</span>
      </h1>
      <p class="lede">What you learn here does not move when AI trends do.</p>
    </div>
  </div>
</header>

<section>
  <div class="col">
    <div class="secmark"><span class="no">INSTRUCTOR</span><h2>Introduction</h2></div>
    <div class="bio">
      <img class="photo" src="assets/speaker-lecture.jpeg" alt="Jaegyu Lee lecturing">
      <div class="info">
      <div class="name">Jaegyu Lee <span style="font-weight:400;color:var(--faint)">이재규</span></div>
      <div class="role">SOFTWARE ENGINEER / OPEN SOURCE MAINTAINER</div>
      <p>I am a software engineer of ten years, currently at ZEP. I finished my master's at Seoul National University of Science and Technology, where this course is taught, researching data pipelines and distributed systems, with papers at BIGCOMP and in Frontiers in Big Data.</p>
      <p>At ZEP I run a WebRTC cluster serving 4M MAU. I moved it from LiveKit Cloud to self-run OCI infrastructure and cut infrastructure cost by 60%.</p>
      <p>I build Ouroboros, an open-source Agent OS: a framework that pins requirements down into a Seed through interviews and verifies execution results with deterministic gates. ZEP QUIZ (over 600K quizzes a month) runs an agent that improves its own tools. I presented this architecture at the ICML 2026 AI×Education workshop.</p>
      <div class="sub">LECTURES</div>
      <ul>
        <li>Seoul National University, College of Innovation: design thinking and Socratic reasoning in the Silicon Valley AI era <span class="y">2026</span></li>
        <li>Seoul National University, College of Innovation: AI education <span class="y">2026</span></li>
        <li>Seoul National University Silicon Valley tour: AI Native <span class="y">2026</span></li>
        <li>KT AI capability program, Harness Engineering: controlling probabilistic AI as a deterministic system <span class="y">2026</span></li>
        <li>Hanwha AX lecture <span class="y">2026</span></li>
        <li>Oracle Digital Native Roundtable: building an RTC cluster for 4M MAU <span class="y">2026</span></li>
      </ul>
      <div class="sub">COMMUNITY</div>
      <ul>
        <li>Ralphthon #1 winner, Ralphthon #2 judge and speaker</li>
        <li>GDG Korea-Japan hackathon judge</li>
        <li>GDG Build with AI Incheon, session on the CS fundamentals harness engineering needs</li>
        <li>Hermes Meetup RLM-FORGE session, Arize AI meetup Agent OS session</li>
      </ul>
      <div class="links"><a href="https://wpti.dev">wpti.dev</a><span>/</span><a href="https://github.com/Q00">github</a><span>/</span><a href="https://www.linkedin.com/in/q00">linkedin</a><span>/</span><a href="https://www.youtube.com/@Q00_Dev">youtube</a><span>/</span><a href="https://x.com/Jqonly">x</a><span>/</span><a href="mailto:jaegyu.lee@ourolabs.ai">jaegyu.lee@ourolabs.ai</a></div>
      </div>
    </div>
  </div>
</section>

<section>
  <div class="col">
    <div class="secmark"><span class="no">SYLLABUS</span><h2>15 Weeks</h2></div>
    <p class="small">The first eight weeks are the academic track. We establish the definitions and the genealogy, then put classical MAS and modern protocols through a reproduction experiment each week. The last seven weeks are the project track. Teams build an agent transaction stack (discovery, negotiation, execution, payment, ledger) and cross-test it on demo day.</p>

    <div class="phase">PHASE 1: DEFINITIONS, GENEALOGY, PROTOCOLS</div>
    <ul class="weeks">
      <li><a href="week-01-en.html"><span class="no">W01</span><span class="t">What Is an Agent?</span><span class="sub">Wooldridge &amp; Jennings 1995</span></a></li>
      <li><a href="week-02-en.html"><span class="no">W02</span><span class="t">Harness and Meta-Harness</span><span class="sub">ReAct / Meta-Harness</span></a></li>
      <li><a href="week-03-en.html"><span class="no">W03</span><span class="t">Classical MAS 1: Contract Net</span><span class="sub">Smith 1980</span></a></li>
      <li><span class="row"><span class="no">W04</span><span class="t">Communication Languages: From Speech Acts to FIPA-ACL</span><span class="sub">KQML / FIPA</span></span></li>
      <li><span class="row"><span class="no">W05</span><span class="t">Modern Protocols 1: MCP</span><span class="sub">Model Context Protocol</span></span></li>
      <li><span class="row"><span class="no">W06</span><span class="t">Modern Protocols 2: A2A</span><span class="sub">Agent2Agent</span></span></li>
      <li><span class="row"><span class="no">W07</span><span class="t">Agent Contracts and Verification</span><span class="sub">contract / verification</span></span></li>
      <li><span class="row"><span class="no">W08</span><span class="t">ACP: Agent Client Protocol and the Transaction Stack</span><span class="sub">ACP</span></span></li>
    </ul>

    <div class="phase">PHASE 2: BUILDING THE AGENT TRANSACTION STACK</div>
    <ul class="weeks">
      <li><span class="row"><span class="no">W09</span><span class="t">Project Kickoff</span><span class="sub">team formation</span></span></li>
      <li><span class="row"><span class="no">W10</span><span class="t">Mini-App Agent Design</span><span class="sub">design</span></span></li>
      <li><span class="row"><span class="no">W11</span><span class="t">Negotiation Between Agents</span><span class="sub">negotiation</span></span></li>
      <li><span class="row"><span class="no">W12</span><span class="t">Memory and Selective Disclosure</span><span class="sub">memory / disclosure</span></span></li>
      <li><span class="row"><span class="no">W13</span><span class="t">Payment, Settlement, Ledger</span><span class="sub">payment / ledger</span></span></li>
      <li><span class="row"><span class="no">W14</span><span class="t">Cross Testing</span><span class="sub">cross testing</span></span></li>
      <li><span class="row"><span class="no">W15</span><span class="t">Demo Day</span><span class="sub">demo day</span></span></li>
    </ul>
  </div>
</section>

<footer class="sheet">
  <span>AGENTIC AI: <span class="o">Theory and Construction of Agent Systems</span></span>
  <span>SEOULTECH 2026 FALL</span>
</footer>

</div>
</body>
</html>