-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
347 lines (316 loc) · 18.5 KB
/
index.html
File metadata and controls
347 lines (316 loc) · 18.5 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
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jaseci ASPLOS 2026 Tutorial</title>
<meta name="description" content="ASPLOS 2026 Tutorial on Jaseci: An Open-Source AI-Native Language and Runtime Stack.">
<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=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="app-layout">
<!-- Sidebar -->
<aside class="sidebar">
<div class="sidebar-header">
<div class="logo">JASECI TUTORIAL</div>
<button id="mobile-close-btn" class="icon-btn" aria-label="Close Menu">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M18 6L6 18M6 6l12 12"/>
</svg>
</button>
</div>
<nav class="sidebar-nav">
<div class="nav-section">
<h3 class="nav-title">tutorial</h3>
<ul class="nav-links">
<li><a href="index.html" class="active">ASPLOS'26@Pittsburgh</a></li>
</ul>
</div>
<div class="nav-section">
<h3 class="nav-title">sections</h3>
<ul class="nav-links">
<li><a href="#abstract">Abstract</a></li>
<li><a href="#themes">Themes</a></li>
<li><a href="#resources">Resources</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#organizers">Organizers</a></li>
</ul>
</div>
<div class="nav-section">
<h3 class="nav-title">links</h3>
<ul class="nav-links">
<li><a href="https://www.jaseci.org/" target="_blank" rel="noopener">Jaseci.org ↗</a></li>
<li><a href="https://github.com/jaseci-labs/jaseci" target="_blank" rel="noopener">GitHub ↗</a></li>
<li><a href="https://www.asplos-conference.org/asplos2026/workshops-and-tutorials/" target="_blank" rel="noopener">ASPLOS 2026 ↗</a></li>
<li><a href="https://github.com/jaseci-labs/asplos-26-tutorial" target="_blank" rel="noopener">Tutorial Resources ↗</a></li>
</ul>
</div>
</nav>
</aside>
<!-- Main Content -->
<main class="main-content">
<header class="top-bar">
<button id="mobile-menu-btn" class="icon-btn" aria-label="Open Menu">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M3 12h18M3 6h18M3 18h18"/>
</svg>
</button>
<div class="header-title">ASPLOS 2026 Tutorial</div>
<div class="top-actions">
<button id="theme-toggle" class="icon-btn" aria-label="Toggle Theme">
<svg class="sun-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="5"/>
<path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/>
</svg>
<svg class="moon-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
</svg>
</button>
</div>
</header>
<div class="content-wrapper">
<article class="doc-content">
<!-- Hero / Abstract -->
<section id="abstract" class="hero-section">
<h1>Jaseci: An Open-Source AI-Native Language and Runtime Stack</h1>
<p class="hero-sub-highlight">From Agentic AI Development to Systems Research</p>
<p class="subtitle"><span class="gradient-text">Mar 22 (Sunday) Morning Session · ASPLOS'26 @ Pittsburgh</span></p>
<p class="hero-venue"><span class="venue-label">Venue</span> Warhol Room, The Landing Hotel</p>
<div class="text-block">
<p>
Agentic AI development is broken. Too many tools, too many languages, too much glue code.
<strong>Jaseci</strong> fixes this: an open-source language and runtime extending Python with native AI
and scaling constructs. Prompt less, smile more. No boilerplate, no DevOps, no manual prompts.
</p>
</div>
<a href="https://www.jaseci.org/" class="jaseci-cta" target="_blank" rel="noopener">
Explore Jaseci.org
<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 001.06 0l7.22-7.22v5.69a.75.75 0 001.5 0v-7.5a.75.75 0 00-.75-.75h-7.5a.75.75 0 000 1.5h5.69l-7.22 7.22a.75.75 0 000 1.06z" clip-rule="evenodd"/></svg>
</a>
</section>
<!-- Tutorial Themes -->
<section id="themes">
<h2>Tutorial Themes</h2>
<div class="themes-grid">
<div class="theme-card theme-1">
<div class="theme-number">01</div>
<div class="theme-label">Theme 1</div>
<div class="theme-title">Hands-On Agentic AI Development</div>
<div class="theme-audience">For developers and students</div>
<div class="theme-desc">Write <code class="code-hl">by llm()</code> and the compiler writes the prompts. Build multi-agent systems with walkers on graphs. Zero boilerplate.</div>
<div class="theme-glow"></div>
</div>
<div class="theme-card theme-2">
<div class="theme-number">02</div>
<div class="theme-label">Theme 2</div>
<div class="theme-title">Research the Jaseci Stack Enables</div>
<div class="theme-audience">For students and researchers</div>
<div class="research-items">
<div class="research-item"><div class="research-dot"></div><div><strong>Agentic AI</strong>: Native language constructs for multi-agent systems</div></div>
<div class="research-item"><div class="research-dot"></div><div><strong>Auto-Deploy & Scale</strong>: Laptop to Kubernetes, zero config. Auto monolith-to-microservice</div></div>
<div class="research-item"><div class="research-dot"></div><div><strong>ML Compilers</strong>: Python-transpiling frontend that fixes PyTorch 2 FX graph breaks</div></div>
</div>
<div class="theme-glow"></div>
</div>
</div>
</section>
<!-- Jaseci Ecosystem Stats -->
<section id="ecosystem" class="stats-section">
<h2>Jaseci Ecosystem in Action</h2>
<div class="stats-row">
<div class="stat-item">
<div class="stat-val">100K+</div>
<div class="stat-lbl">Monthly PyPI Downloads</div>
</div>
<div class="stat-item">
<div class="stat-val">10×</div>
<div class="stat-lbl">Code Reduction</div>
</div>
<div class="stat-item">
<div class="stat-val">0</div>
<div class="stat-lbl">Prompts Required</div>
</div>
</div>
</section>
<!-- Resources -->
<section id="resources">
<h2>Jaseci Resources</h2>
<div class="resources-grid">
<a href="https://www.jaseci.org/" class="resource-card" target="_blank" rel="noopener">
<h3>Jaseci.org</h3>
<p>Official website with documentation, guides, tutorials, and community for the Jaseci ecosystem.</p>
</a>
<a href="https://github.com/jaseci-labs/jaseci" class="resource-card" target="_blank" rel="noopener">
<h3>Jaseci on GitHub</h3>
<p>The core open-source AI-native language and runtime stack. Star the repo and contribute.</p>
</a>
<a href="https://www.asplos-conference.org/asplos2026/workshops-and-tutorials/" class="resource-card" target="_blank" rel="noopener">
<h3>ASPLOS 2026</h3>
<p>Official ASPLOS 2026 workshops and tutorials page at Pittsburgh, March 2026.</p>
</a>
</div>
<div class="papers-section">
<h3>Tutorial Day Resources</h3>
<div class="jaseci-highlight-card">
<div class="jhc-badge">Hands-On Code</div>
<div class="jhc-content">
<div class="jhc-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/></svg>
</div>
<div class="jhc-text">
<a href="https://github.com/jaseci-labs/asplos-26-tutorial" class="jhc-title" target="_blank" rel="noopener" style="color: var(--text-main); text-decoration: none;">jaseci-labs/asplos-26-tutorial ↗</a>
<div class="jhc-desc">Code examples and exercises used in the hands-on agentic AI sessions.</div>
<div class="jhc-desc" style="margin-top: 6px;">No local IDE? Use <a href="https://app.codeanywhere.com/" target="_blank" rel="noopener" style="color: var(--primary-color);">Codeanywhere</a> to follow along directly in your browser.</div>
</div>
</div>
</div>
</div>
<div class="papers-section">
<h3>Research Papers</h3>
<ul class="papers-list">
<li>
<svg class="paper-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
<a href="https://dl.acm.org/doi/pdf/10.1145/3763092" target="_blank" rel="noopener">MTP: A Meaning-Typed Language Abstraction for AI-Integrated Programming</a>
</li>
<li>
<svg class="paper-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
<a href="https://arxiv.org/abs/2509.16248" target="_blank" rel="noopener">GraphMend: Code Transformations for Fixing Graph Breaks in PyTorch 2</a>
</li>
<li>
<svg class="paper-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
<a href="https://arxiv.org/abs/2511.19427" target="_blank" rel="noopener">Prompt Less, Smile More: MTP with Semantic Engineering in Lieu of Prompt Engineering</a>
</li>
<li>
<svg class="paper-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
<a href="https://ieeexplore.ieee.org/abstract/document/10129141" target="_blank" rel="noopener">The Jaseci Programming Paradigm and Runtime Stack: Building Scale-Out Production Applications Easy and Fast</a>
</li>
<li>
<svg class="paper-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
<a href="https://ieeexplore.ieee.org/abstract/document/10590016" target="_blank" rel="noopener">Scaling Down to Scale Up: A Cost-Benefit Analysis of Replacing OpenAI's LLM with Open Source SLMs in Production</a>
</li>
</ul>
</div>
</section>
<!-- Schedule -->
<section id="schedule">
<h2>Agenda (Mar 22, 2026, ASPLOS'26)</h2>
<div class="timeline">
<div class="timeline-item">
<div class="time">9:00 – 9:30</div>
<div class="content">
<h3>Session 1: Introduction to Jaseci</h3>
<p>An overview of the Jac language, Jaseci runtime, and Open Source Ecosystem, and how they address the fundamental gaps in modern AI application development.</p>
</div>
</div>
<div class="timeline-item">
<div class="time">9:30 – 10:00</div>
<div class="content">
<h3>Session 2: Agentic AI - Beyond Prompt Engineering</h3>
<p>How Jaseci's <code class="code-hl">by llm()</code> construct uses semantic type annotations to auto-generate prompts, replacing fragile hand-crafted prompting with structured, type-safe reasoning.</p>
</div>
</div>
<div class="timeline-item">
<div class="time">10:00 – 10:30</div>
<div class="content">
<h3>Coffee Break</h3>
</div>
</div>
<div class="timeline-item">
<div class="time">10:30 – 11:45</div>
<div class="content">
<h3>Session 3: Agentic AI - Building Real Workflows</h3>
<p>Common agentic AI workflow patterns and the architectural challenges behind them. Covers how Object Spatial Programming (OSP) and <code class="code-hl">by llm()</code> work together to tackle these challenges, with hands-on exercises to put the concepts into practice.</p>
</div>
</div>
<div class="timeline-item">
<div class="time">11:45 – 12:30</div>
<div class="content">
<h3>Session 4: Research Frontiers</h3>
<p><strong>Kernel Forge:</strong> Automatically synthesizes and optimizes GPU kernels for PyTorch models, removing the need for any CUDA or kernel programming expertise.</p>
<p><strong>GraphMend:</strong> Applies source-level code transformations to eliminate FX graph breaks in <code class="code-hl">torch.compile()</code>, preventing silent fallbacks to eager mode and ensuring models run at full compiled performance.</p>
</div>
</div>
</div>
</section>
<!-- Organizers -->
<section id="organizers">
<h2>Organizers</h2>
<div class="organizers-grid">
<div class="organizers-row">
<a href="https://www.jasonmars.org/" class="organizer-card" target="_blank" rel="noopener">
<div class="photo-placeholder">
<img src="jason-mars.jpg" alt="Prof. Jason Mars">
</div>
<h3>Prof. Jason Mars</h3>
<p class="affiliation">University of Michigan</p>
</a>
<a href="https://lingjia.engin.umich.edu/" class="organizer-card" target="_blank" rel="noopener">
<div class="photo-placeholder">
<img src="lingjia.jpg" alt="Prof. Lingjia Tang">
</div>
<h3>Prof. Lingjia Tang</h3>
<p class="affiliation">University of Michigan</p>
</a>
<div class="organizer-card">
<div class="photo-placeholder">
<img src="Krisztian_Flautner.jpeg" alt="Prof. Krisztian Flautner">
</div>
<h3>Prof. Krisztian Flautner</h3>
<p class="affiliation">University of Michigan</p>
</div>
</div>
<div class="organizers-row">
<div class="organizer-card">
<div class="photo-placeholder">
<img src="jayanaka.jpg" alt="Jayanaka Dantanarayana">
</div>
<h3>Jayanaka Dantanarayana</h3>
<p class="affiliation">University of Michigan</p>
</div>
<div class="organizer-card">
<div class="photo-placeholder">
<img src="savini.jpg" alt="Savini Kashmira">
</div>
<h3>Savini Kashmira</h3>
<p class="affiliation">University of Michigan</p>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section id="attend" class="cta-section">
<div class="cta-block">
<p>Interested in attending? Let us know so we can plan accordingly and keep you updated.</p>
<a href="https://forms.gle/2RcBW13LhHadaGny7" class="cta-btn" target="_blank" rel="noopener">
Let us know if you are interested!
<svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd"/></svg>
</a>
<p style="margin-top: 16px; font-size: 0.9rem;">To attend, register for ASPLOS 2026 tutorials and workshops via the <a href="https://www.asplos-conference.org/asplos2026/registration/" target="_blank" rel="noopener" style="color: var(--primary-color);">official ASPLOS registration page</a>.</p>
</div>
</section>
</article>
<aside class="on-this-page">
<h4>On this page</h4>
<ul>
<li><a href="#abstract">Abstract</a></li>
<li><a href="#themes">Themes</a></li>
<li><a href="#resources">Resources</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#organizers">Organizers</a></li>
</ul>
</aside>
</div>
<footer class="site-footer">
<p>© 2026 Jaseci ASPLOS Tutorial ·
<a href="https://www.jaseci.org/" target="_blank">Jaseci.org</a> ·
<a href="https://github.com/jaseci-labs/jaseci" target="_blank">GitHub</a>
</p>
</footer>
</main>
</div>
<script src="script.js"></script>
</body>
</html>