open source is social v-it.org
Revise Atmosphere 2026 deck — new workflow slide, polish across all slides
Add slide 2b contrasting human (person→doc→person→code via git) vs
agent (robot→doc→robot→code via vit) workflows. Update existing slides:
rename two forks to clones with inverted arrows, enlarge social loop,
clean up typography (remove periods, center text, consistent green
headers), update CTA to npm install -g, and swap explore URL for
org.v-it.cap lexicon.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+163
-24
+163
-24
docs/decks/atmosphere-2026/index.html
+163
-24
docs/decks/atmosphere-2026/index.html
···
127
127
<!-- chevrons pointing toward upstream -->
128
128
<g stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round">
129
129
<path d="M114,185 L116,179 L109,179"/>
130
-
<path d="M135,222 L134,216 L128,218"/>
131
-
<path d="M170,247 L167,241 L162,245"/>
130
+
<path d="M130,215 L131,221 L137,219"/>
131
+
<path d="M163,242 L166,248 L171,244"/>
132
132
<path d="M199,256 L195,251 L191,256"/>
133
133
<path d="M228,245 L223,241 L220,247"/>
134
134
<path d="M262,218 L256,216 L255,222"/>
···
140
140
<circle cx="85" cy="208" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
141
141
<text x="85" y="213" text-anchor="middle" font-size="12" fill="#9ca3af">fork</text>
142
142
<circle cx="110" cy="263" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
143
-
<text x="110" y="268" text-anchor="middle" font-size="12" fill="#9ca3af">fork</text>
143
+
<text x="110" y="268" text-anchor="middle" font-size="12" fill="#9ca3af">clone</text>
144
144
<circle cx="155" cy="298" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
145
-
<text x="155" y="303" text-anchor="middle" font-size="12" fill="#9ca3af">fork</text>
145
+
<text x="155" y="303" text-anchor="middle" font-size="12" fill="#9ca3af">clone</text>
146
146
<circle cx="195" cy="313" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
147
147
<text x="195" y="318" text-anchor="middle" font-size="12" fill="#9ca3af">fork</text>
148
148
<circle cx="235" cy="298" r="14" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.3"/>
···
239
239
</svg>
240
240
</section>
241
241
242
+
<!-- slide 2b: workflow contrast -->
243
+
<section>
244
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 440" width="1700" font-family="system-ui, -apple-system, sans-serif">
245
+
<rect width="800" height="440" fill="#111111"/>
246
+
247
+
<!-- center divider -->
248
+
<line x1="400" y1="55" x2="400" y2="410" stroke="#1a1d2a" stroke-width="1"/>
249
+
250
+
<!-- === LEFT SIDE: today === -->
251
+
<text x="195" y="48" text-anchor="middle" font-size="22" font-weight="600" fill="#9ca3af" letter-spacing="0.05em">today</text>
252
+
253
+
<!-- community: 3 heads -->
254
+
<g fill="#1a1d2a" stroke="#6b7280" stroke-width="1.5">
255
+
<circle cx="181" cy="90" r="6"/>
256
+
<circle cx="195" cy="84" r="6"/>
257
+
<circle cx="209" cy="90" r="6"/>
258
+
</g>
259
+
260
+
<!-- arrow -->
261
+
<line x1="195" y1="100" x2="195" y2="138" stroke="#374151" stroke-width="1.2"/>
262
+
<path d="M191,132 L195,138 L199,132" stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
263
+
264
+
<!-- person with laptop 1 -->
265
+
<g transform="translate(195, 155)" stroke="#6b7280" fill="#1a1d2a">
266
+
<circle r="6" stroke-width="1.5"/>
267
+
<path d="M-8,12 L0,18 L8,12" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
268
+
</g>
269
+
270
+
<!-- arrow -->
271
+
<line x1="195" y1="177" x2="195" y2="208" stroke="#374151" stroke-width="1.2"/>
272
+
<path d="M191,202 L195,208 L199,202" stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
273
+
274
+
<!-- document -->
275
+
<g transform="translate(195, 228)" stroke="#6b7280" stroke-width="1.5">
276
+
<path d="M-10,-14 L6,-14 L10,-10 L10,14 L-10,14 Z" fill="#1a1d2a"/>
277
+
<path d="M6,-14 L6,-10 L10,-10" fill="none" stroke-width="1"/>
278
+
<line x1="-5" y1="-4" x2="5" y2="-4" stroke-width="1" opacity="0.4"/>
279
+
<line x1="-5" y1="1" x2="5" y2="1" stroke-width="1" opacity="0.4"/>
280
+
<line x1="-5" y1="6" x2="2" y2="6" stroke-width="1" opacity="0.4"/>
281
+
</g>
282
+
283
+
<!-- arrow -->
284
+
<line x1="195" y1="246" x2="195" y2="278" stroke="#374151" stroke-width="1.2"/>
285
+
<path d="M191,272 L195,278 L199,272" stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
286
+
287
+
<!-- person with laptop 2 -->
288
+
<g transform="translate(195, 295)" stroke="#6b7280" fill="#1a1d2a">
289
+
<circle r="6" stroke-width="1.5"/>
290
+
<path d="M-8,12 L0,18 L8,12" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
291
+
</g>
292
+
293
+
<!-- arrow -->
294
+
<line x1="195" y1="317" x2="195" y2="348" stroke="#374151" stroke-width="1.2"/>
295
+
<path d="M191,342 L195,348 L199,342" stroke="#505868" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
296
+
297
+
<!-- code -->
298
+
<g transform="translate(195, 368)">
299
+
<rect x="-18" y="-12" width="36" height="24" rx="4" fill="#1a1d2a" stroke="#6b7280" stroke-width="1.5"/>
300
+
<text x="0" y="5" text-anchor="middle" font-size="13" font-family="'SF Mono','Fira Code',monospace" fill="#9ca3af"></></text>
301
+
</g>
302
+
303
+
<!-- "git" label -->
304
+
<text x="228" y="373" font-size="15" fill="#9ca3af">git</text>
305
+
306
+
<!-- === RIGHT SIDE: with vit === -->
307
+
<text x="600" y="48" text-anchor="middle" font-size="22" font-weight="600" fill="#06D6A0" letter-spacing="0.05em">with vit</text>
308
+
309
+
<!-- community: 3 heads (green) -->
310
+
<g fill="#0a2a1f" stroke="#06D6A0" stroke-width="1.5">
311
+
<circle cx="586" cy="90" r="6"/>
312
+
<circle cx="600" cy="84" r="6"/>
313
+
<circle cx="614" cy="90" r="6"/>
314
+
</g>
315
+
316
+
<!-- arrow -->
317
+
<line x1="600" y1="100" x2="600" y2="138" stroke="#06D6A0" stroke-width="1.2" opacity="0.35"/>
318
+
<path d="M596,132 L600,138 L604,132" stroke="#06D6A0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
319
+
320
+
<!-- robot 1 -->
321
+
<g transform="translate(600, 152)" stroke="#06D6A0" fill="#0a2a1f">
322
+
<line x1="0" y1="-12" x2="0" y2="-8" stroke-width="1.5"/>
323
+
<circle cx="0" cy="-13" r="2" fill="#06D6A0"/>
324
+
<rect x="-8" y="-8" width="16" height="12" rx="3" stroke-width="1.5"/>
325
+
<circle cx="-3" cy="-2" r="1.5" fill="#06D6A0" opacity="0.5"/>
326
+
<circle cx="3" cy="-2" r="1.5" fill="#06D6A0" opacity="0.5"/>
327
+
<rect x="-10" y="6" width="20" height="10" rx="2" stroke-width="1.2"/>
328
+
</g>
329
+
330
+
<!-- arrow -->
331
+
<line x1="600" y1="170" x2="600" y2="208" stroke="#06D6A0" stroke-width="1.2" opacity="0.35"/>
332
+
<path d="M596,202 L600,208 L604,202" stroke="#06D6A0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
333
+
334
+
<!-- document (green) -->
335
+
<g transform="translate(600, 228)" stroke="#06D6A0" stroke-width="1.5">
336
+
<path d="M-10,-14 L6,-14 L10,-10 L10,14 L-10,14 Z" fill="#0a2a1f"/>
337
+
<path d="M6,-14 L6,-10 L10,-10" fill="none" stroke-width="1"/>
338
+
<line x1="-5" y1="-4" x2="5" y2="-4" stroke-width="1" opacity="0.35"/>
339
+
<line x1="-5" y1="1" x2="5" y2="1" stroke-width="1" opacity="0.35"/>
340
+
<line x1="-5" y1="6" x2="2" y2="6" stroke-width="1" opacity="0.35"/>
341
+
</g>
342
+
343
+
<!-- "vit" label -->
344
+
<text x="625" y="233" font-size="15" fill="#06D6A0" font-weight="600">vit</text>
345
+
346
+
<!-- arrow -->
347
+
<line x1="600" y1="246" x2="600" y2="278" stroke="#06D6A0" stroke-width="1.2" opacity="0.35"/>
348
+
<path d="M596,272 L600,278 L604,272" stroke="#06D6A0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
349
+
350
+
<!-- robot 2 -->
351
+
<g transform="translate(600, 292)" stroke="#06D6A0" fill="#0a2a1f">
352
+
<line x1="0" y1="-12" x2="0" y2="-8" stroke-width="1.5"/>
353
+
<circle cx="0" cy="-13" r="2" fill="#06D6A0"/>
354
+
<rect x="-8" y="-8" width="16" height="12" rx="3" stroke-width="1.5"/>
355
+
<circle cx="-3" cy="-2" r="1.5" fill="#06D6A0" opacity="0.5"/>
356
+
<circle cx="3" cy="-2" r="1.5" fill="#06D6A0" opacity="0.5"/>
357
+
<rect x="-10" y="6" width="20" height="10" rx="2" stroke-width="1.2"/>
358
+
</g>
359
+
360
+
<!-- arrow -->
361
+
<line x1="600" y1="310" x2="600" y2="348" stroke="#06D6A0" stroke-width="1.2" opacity="0.35"/>
362
+
<path d="M596,342 L600,348 L604,342" stroke="#06D6A0" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/>
363
+
364
+
<!-- code (green) -->
365
+
<g transform="translate(600, 368)">
366
+
<rect x="-18" y="-12" width="36" height="24" rx="4" fill="#0a2a1f" stroke="#06D6A0" stroke-width="1.5"/>
367
+
<text x="0" y="5" text-anchor="middle" font-size="13" font-family="'SF Mono','Fira Code',monospace" fill="#06D6A0"></></text>
368
+
</g>
369
+
370
+
<!-- evolution arrow in center -->
371
+
<g transform="translate(400, 228)">
372
+
<circle r="16" fill="#141722" stroke="#252836" stroke-width="1"/>
373
+
<path d="M-5.5 0 L4.5 0 M1.5 -3.5 L5.5 0 L1.5 3.5" stroke="#9ca3af" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
374
+
</g>
375
+
376
+
<!-- vit mark -->
377
+
<g transform="translate(758, 406) scale(0.65)" opacity="0.35">
378
+
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
379
+
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
380
+
</g>
381
+
</svg>
382
+
</section>
383
+
242
384
<!-- slide 3: the social loop -->
243
385
<section>
244
-
<svg viewBox="0 0 800 490" xmlns="http://www.w3.org/2000/svg" width="820" style="margin-bottom:24px;">
386
+
<svg viewBox="0 0 800 490" xmlns="http://www.w3.org/2000/svg" width="1476" style="margin-bottom:24px;">
245
387
<style>text { font-family: system-ui, -apple-system, sans-serif; }</style>
246
388
<defs>
247
389
<marker id="arr" markerWidth="10" markerHeight="7" refX="8" refY="3.5" orient="auto">
···
283
425
<div style="text-align:left; max-width:420px;">
284
426
<p class="green" style="font-size:52px; margin:0 0 16px 0; font-weight:600;">skills</p>
285
427
<p style="font-size:34px; margin:0 0 16px 0; line-height:1.3;">reusable agent abilities</p>
286
-
<p class="dim" style="font-size:28px; margin:0 0 8px 0;">publish once, any agent can learn it</p>
287
-
<p class="dim" style="font-size:24px; margin:0; font-style:italic;">"how to write atproto records"</p>
428
+
<p class="dim" style="font-size:28px; margin:0;">publish once, any agent can learn it</p>
288
429
</div>
289
430
<div style="width:2px; height:240px; background:var(--text-dim); opacity:0.2; margin-top:12px;"></div>
290
431
<div style="text-align:left; max-width:420px;">
291
-
<p style="font-size:52px; margin:0 0 16px 0; font-weight:600;">capabilities</p>
432
+
<p class="green" style="font-size:52px; margin:0 0 16px 0; font-weight:600;">capabilities</p>
292
433
<p style="font-size:34px; margin:0 0 16px 0; line-height:1.3;">structured change instructions</p>
293
-
<p class="dim" style="font-size:28px; margin:0 0 8px 0;">code improvements that flow socially</p>
294
-
<p class="dim" style="font-size:24px; margin:0; font-style:italic;">"upgrade your auth to oauth 2.1"</p>
434
+
<p class="dim" style="font-size:28px; margin:0;">code improvements that flow socially</p>
295
435
</div>
296
436
</div>
297
437
<p class="green" style="font-size:36px; margin:80px auto 0; max-width:80%; font-weight:500; line-height:1.4;">
298
-
capabilities change codebases. skills teach agents.<br>both flow through the same trust network.
438
+
capabilities change codebases<br>skills teach agents<br>both flow through the same trust network
299
439
</p>
300
440
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
301
441
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
···
308
448
<p style="font-size:46px; margin:0 0 56px 0; font-weight:500;">a human+agent collaboration tool</p>
309
449
<div style="display:flex; justify-content:center; gap:160px; align-items:flex-start; margin-bottom:48px;">
310
450
<div style="text-align:left;">
311
-
<p style="font-size:38px; margin:0 0 24px 0; font-weight:600;">you</p>
451
+
<p class="green" style="font-size:38px; margin:0 0 24px 0; font-weight:600;">you</p>
312
452
<div class="mono" style="font-size:30px; line-height:2;">
313
453
<p style="margin:0;">setup</p>
314
454
<p style="margin:0;">login</p>
···
319
459
<div style="width:2px; height:260px; background:var(--green); opacity:0.15; margin-top:8px;"></div>
320
460
<div style="text-align:left;">
321
461
<p class="green" style="font-size:38px; margin:0 0 24px 0; font-weight:600;">your agent</p>
322
-
<div class="mono green" style="font-size:30px; line-height:2;">
462
+
<div class="mono" style="font-size:30px; line-height:2;">
323
463
<p style="margin:0;">skim</p>
324
464
<p style="margin:0;">remix</p>
325
465
<p style="margin:0;">ship</p>
···
327
467
</div>
328
468
</div>
329
469
</div>
330
-
<p class="dim" style="font-size:30px; margin:0 0 12px 0;">trust decisions stay with humans. discovery and execution flow through agents.</p>
470
+
<p class="green" style="font-size:30px; margin:0 0 12px 0; font-weight:500; line-height:1.4;">trust decisions stay with humans<br>discovery and execution flow through agents</p>
331
471
<p class="dim" style="font-size:28px; margin:0;">Claude Code · Codex CLI · Gemini CLI</p>
332
472
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
333
473
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
···
337
477
338
478
<!-- slide 6: built on our protocol -->
339
479
<section>
340
-
<p class="green" style="font-size:58px; margin:0 0 64px 0; font-weight:600;">built on our protocol.</p>
341
-
<div style="text-align:left; max-width:72%; margin:0 auto; line-height:2.2;">
342
-
<p style="font-size:40px; margin:0;">your identity travels with you.</p>
343
-
<p style="font-size:40px; margin:0;">you build a trust graph for code.</p>
344
-
<p style="font-size:40px; margin:0;">your agent works the network on your behalf.</p>
345
-
<p style="font-size:40px; margin:0;">no lock-in. you choose your feed. portable.</p>
480
+
<p class="green" style="font-size:58px; margin:0 0 64px 0; font-weight:600;">built on at protocol</p>
481
+
<div style="text-align:center; max-width:72%; margin:0 auto; line-height:2.2;">
482
+
<p style="font-size:40px; margin:0;">you build a trust graph for new capabilities</p>
483
+
<p style="font-size:40px; margin:0;">your agent works the network on your behalf</p>
484
+
<p style="font-size:40px; margin:0;">everyone can now build, share, build, share, ...</p>
346
485
</div>
347
486
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="brand-mark" width="40">
348
487
<circle cx="16" cy="5.5" r="3" fill="#06D6A0"/>
···
357
496
<path d="M5.5 10 L16 26 L26.5 10" stroke="#06D6A0" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
358
497
</svg>
359
498
<div class="mono" style="display:flex; flex-direction:column; align-items:center; gap:12px; margin-bottom:40px;">
360
-
<span class="green" style="font-size:42px;">npx vit setup</span>
361
-
<span class="green" style="font-size:42px;">npx vit login you.bsky.social</span>
499
+
<span class="green" style="font-size:42px;">npm install -g vit</span>
500
+
<span class="green" style="font-size:42px;">vit login @<you></span>
362
501
</div>
363
-
<p style="font-size:42px; margin:0 0 20px 0;">open source is social.</p>
364
-
<p class="dim" style="font-size:28px; margin:0;">v-it.org · explore.v-it.org · MIT license</p>
502
+
<p style="font-size:42px; margin:0 0 20px 0;">open source is social</p>
503
+
<p class="dim" style="font-size:28px; margin:0;">v-it.org · org.v-it.cap · MIT</p>
365
504
</section>
366
505
367
506
</div>