-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
317 lines (304 loc) · 16.1 KB
/
index.html
File metadata and controls
317 lines (304 loc) · 16.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AgentLab - Multi-Agent AI for Education</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Header -->
<header>
<nav class="container">
<a href="index.html" class="logo">Agent<span>Lab</span></a>
<ul class="nav-links">
<li><a href="projects.html">Projects</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="news.html">News</a></li>
</ul>
</nav>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<h1>Multi-Agent AI for Education</h1>
<p>Student-led development at Gies College of Business exploring how intelligent agent teams can transform learning experiences</p>
<div class="cta-buttons">
<a href="projects.html" class="btn btn-primary">Our Projects</a>
<a href="team.html" class="btn btn-secondary">Meet the Team</a>
</div>
</div>
</section>
<!-- Value Propositions -->
<section class="value-props">
<div class="container">
<h2>Why AgentLab?</h2>
<div class="props-grid">
<div class="prop-card">
<span class="prop-icon">🎓</span>
<h3>Student-Led Innovation</h3>
<p>Real students solving real educational challenges through hands-on development of AI systems</p>
</div>
<div class="prop-card">
<span class="prop-icon">🤖</span>
<h3>Multi-Agent Focus</h3>
<p>Specialized AI teams working together, not just single chatbots. Each agent has domain expertise</p>
</div>
<div class="prop-card">
<span class="prop-icon">📊</span>
<h3>Evidence-Based</h3>
<p>Grounded in educational theory and practical testing with measurable learning outcomes</p>
</div>
</div>
</div>
</section>
<!-- Projects Showcase -->
<section class="projects-showcase">
<div class="container">
<div class="section-header">
<h2>Our Projects</h2>
<p>Building production AI systems that bridge research and real classroom use</p>
</div>
<div class="project-cards">
<!-- VentureBots -->
<div class="project-card">
<div class="project-card-header">
<div class="project-card-icon orange">💡</div>
<div>
<h3>VentureBots</h3>
<span class="project-tag">Flagship</span>
</div>
</div>
<div class="project-card-body">
<p>AI-powered entrepreneurship coaching that guides students from problem discovery to pitch-ready presentation using 5 specialized agents.</p>
</div>
<div class="project-card-stats">
<span class="stat"><strong>5</strong> Agents</span>
<span class="stat"><strong>25</strong> Students</span>
<span class="stat"><strong>90%</strong> Satisfaction</span>
</div>
<div class="tech-tags">
<span class="tech-tag">Google ADK</span>
<span class="tech-tag">Python</span>
<span class="tech-tag">React</span>
<span class="tech-tag">Streamlit</span>
</div>
<div class="project-card-footer">
<a href="venturebot.html" class="btn btn-sm-primary">Learn More</a>
<a href="https://github.com/gies-ai-experiments/VentureBot" class="btn btn-sm-outline">GitHub</a>
</div>
</div>
<!-- PathShaper -->
<div class="project-card">
<div class="project-card-header">
<div class="project-card-icon teal">🧭</div>
<div>
<h3>PathShaper</h3>
<span class="project-tag">Adaptive Learning</span>
</div>
</div>
<div class="project-card-body">
<p>Learning 3.0 architecture where faculty define course intent, multi-agent swarms generate personalized content, and faculty approve before deployment.</p>
</div>
<div class="project-card-stats">
<span class="stat"><strong>186</strong> Concepts</span>
<span class="stat"><strong>39</strong> Content Items</span>
<span class="stat"><strong>8</strong> Weeks</span>
</div>
<div class="tech-tags">
<span class="tech-tag">Next.js 15</span>
<span class="tech-tag">React 19</span>
<span class="tech-tag">TypeScript</span>
<span class="tech-tag">Vercel</span>
</div>
<div class="project-card-footer">
<a href="pathshaper.html" class="btn btn-sm-primary">Learn More</a>
</div>
</div>
<!-- Canvas MCP -->
<div class="project-card">
<div class="project-card-header">
<div class="project-card-icon navy">📚</div>
<div>
<h3>Canvas MCP</h3>
<span class="project-tag">Infrastructure</span>
</div>
</div>
<div class="project-card-body">
<p>MCP server providing 90+ tools and 8 agent skills for Canvas LMS. Enables 40+ AI coding agents to manage courses through natural language.</p>
</div>
<div class="project-card-stats">
<span class="stat"><strong>90+</strong> Tools</span>
<span class="stat"><strong>8</strong> Skills</span>
<span class="stat"><strong>290+</strong> Tests</span>
</div>
<div class="tech-tags">
<span class="tech-tag">Python</span>
<span class="tech-tag">FastMCP</span>
<span class="tech-tag">PyPI</span>
<span class="tech-tag">Canvas API</span>
</div>
<div class="project-card-footer">
<a href="canvas-mcp.html" class="btn btn-sm-primary">Learn More</a>
<a href="https://github.com/vishalsachdev/canvas-mcp" class="btn btn-sm-outline">GitHub</a>
</div>
</div>
</div>
<!-- IlliniClaw - full width card below -->
<div class="project-card" style="margin-top: 1.5rem;">
<div class="project-card-header">
<div class="project-card-icon orange">💬</div>
<div>
<h3>IlliniClaw</h3>
<span class="project-tag">WhatsApp AI Blueprint</span>
</div>
</div>
<div class="project-card-body">
<p>Open architecture spec for WhatsApp AI teaching assistants. Feed it to any AI coding agent and get a working bot for your course. Currently being tested with 36 students in BADM 554.</p>
</div>
<div class="project-card-stats">
<span class="stat"><strong>36</strong> Students</span>
<span class="stat"><strong>109</strong> Sessions</span>
<span class="stat"><strong>97+</strong> Hours Engagement</span>
</div>
<div class="tech-tags">
<span class="tech-tag">Node.js</span>
<span class="tech-tag">Claude AI</span>
<span class="tech-tag">WhatsApp</span>
<span class="tech-tag">PostgreSQL</span>
<span class="tech-tag">Canvas LMS</span>
</div>
<div class="project-card-footer">
<a href="illiniclaw.html" class="btn btn-sm-primary">Learn More</a>
<a href="https://github.com/vishalsachdev/illiniclaw" class="btn btn-sm-outline">GitHub</a>
</div>
</div>
<!-- Inquiring Agents - full width card -->
<div class="project-card" style="margin-top: 1.5rem;">
<div class="project-card-header">
<div class="project-card-icon navy">⚖️</div>
<div>
<h3>Inquiring Agents</h3>
<span class="project-tag">AI Ethics · Multi-Agent Debate</span>
</div>
</div>
<div class="project-card-body">
<p>Five philosopher-agents debate AI ethics dilemmas through Churchman’s Inquiring Systems. Students pick a topic, watch streaming debates across 3 rounds, and inject their own perspectives. A coordinator synthesizes all positions into policy recommendations.</p>
</div>
<div class="project-card-stats">
<span class="stat"><strong>5</strong> Philosopher Agents</span>
<span class="stat"><strong>3</strong> Debate Rounds</span>
<span class="stat"><strong>8</strong> Built-in Dilemmas</span>
</div>
<div class="tech-tags">
<span class="tech-tag">OpenAI GPT-4o</span>
<span class="tech-tag">Cloudflare Workers</span>
<span class="tech-tag">Server-Sent Events</span>
</div>
<div class="project-card-footer">
<a href="inquiring-agents.html" class="btn btn-sm-primary">Learn More</a>
<a href="https://github.com/vishalsachdev/inquiring-agents" class="btn btn-sm-outline">GitHub</a>
</div>
</div>
<!-- The Cognitive Swarm - full width card -->
<div class="project-card" style="margin-top: 1.5rem;">
<div class="project-card-header">
<div class="project-card-icon teal">🧠</div>
<div>
<h3>The Cognitive Swarm</h3>
<span class="project-tag">Real-Time Brainstorming</span>
</div>
</div>
<div class="project-card-body">
<p>Real-time multimodal brainstorming app where groups contribute ideas through voice, see them cluster in 3D, and converge through quadratic voting—powered by Google Gemini.</p>
</div>
<div class="project-card-stats">
<span class="stat"><strong>3D</strong> Visualization</span>
<span class="stat"><strong>Live</strong> Voice Anchor</span>
<span class="stat"><strong>QV</strong> Quadratic Voting</span>
</div>
<div class="tech-tags">
<span class="tech-tag">React</span>
<span class="tech-tag">TypeScript</span>
<span class="tech-tag">Socket.IO</span>
<span class="tech-tag">Google Gemini</span>
</div>
<div class="project-card-footer">
<a href="cognitive-swarm.html" class="btn btn-sm-primary">Learn More</a>
<a href="https://github.com/keshavdalmia10/the_cognitive_swarm" class="btn btn-sm-outline">GitHub</a>
</div>
</div>
<div style="text-align: center; margin-top: 2.5rem;">
<a href="projects.html" class="btn btn-outline">View All Projects</a>
</div>
</div>
</section>
<!-- Latest News -->
<section class="news-section">
<div class="container">
<div class="news-header">
<h2>Latest from AgentLab</h2>
<a href="news.html" class="read-more">View All Updates →</a>
</div>
<div class="news-grid">
<article class="news-card">
<div class="news-content">
<div class="news-meta">March 15, 2026 · Release</div>
<h3 class="news-title">The Cognitive Swarm Joins AgentLab</h3>
<p class="news-excerpt">A real-time multimodal brainstorming app with 3D swarm visualization, quadratic voting, and Google Gemini-powered idea extraction joins the portfolio...</p>
<a href="news-posts/2026-03-cognitive-swarm-launch.html" class="read-more">Read More →</a>
</div>
</article>
<article class="news-card">
<div class="news-content">
<div class="news-meta">March 10, 2026 · Release</div>
<h3 class="news-title">Inquiring Agents Brings AI Ethics Debates to the Classroom</h3>
<p class="news-excerpt">Five philosopher-agents debate AI ethics dilemmas through Churchman’s Inquiring Systems, with students injecting perspectives between rounds...</p>
<a href="news-posts/2026-03-inquiring-agents-launch.html" class="read-more">Read More →</a>
</div>
</article>
<article class="news-card">
<div class="news-content">
<div class="news-meta">March 8, 2026 · Release</div>
<h3 class="news-title">IlliniClaw Spec Published</h3>
<p class="news-excerpt">AgentLab publishes IlliniClaw, the open-source architecture spec for WhatsApp AI teaching assistants. Feed it to any AI coding agent and get a working bot...</p>
<a href="news-posts/2026-03-badm554-bot-spec.html" class="read-more">Read More →</a>
</div>
</article>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>Navigation</h3>
<a href="projects.html">Projects</a>
<a href="team.html">Team</a>
<a href="news.html">News</a>
</div>
<div class="footer-section">
<h3>Projects</h3>
<a href="venturebot.html">VentureBots</a>
<a href="pathshaper.html">PathShaper</a>
<a href="canvas-mcp.html">Canvas MCP</a>
<a href="illiniclaw.html">IlliniClaw</a>
<a href="inquiring-agents.html">Inquiring Agents</a>
<a href="cognitive-swarm.html">The Cognitive Swarm</a>
</div>
<div class="footer-section">
<h3>Connect</h3>
<a href="mailto:contact@agentlab.edu">Contact Us</a>
<a href="https://github.com/gies-ai-experiments" target="_blank">GitHub</a>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 AgentLab — Gies College of Business, University of Illinois</p>
</div>
</div>
</footer>
<script src="js/main.js"></script>
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "f6e8d77284b0466eb2ca753f03d64ec0"}'></script>
</body>
</html>