diff --git a/iclc2023/slides/public/img/pegflow.png b/iclc2023/slides/public/img/pegflow.png
new file mode 100644
index 000000000..2e94011d0
Binary files /dev/null and b/iclc2023/slides/public/img/pegflow.png differ
diff --git a/iclc2023/slides/public/img/queryflow.png b/iclc2023/slides/public/img/queryflow.png
new file mode 100644
index 000000000..7f39312fc
Binary files /dev/null and b/iclc2023/slides/public/img/queryflow.png differ
diff --git a/iclc2023/slides/public/img/transpileflow.png b/iclc2023/slides/public/img/transpileflow.png
new file mode 100644
index 000000000..3a2708bcf
Binary files /dev/null and b/iclc2023/slides/public/img/transpileflow.png differ
diff --git a/iclc2023/slides/src/MiniComparison.jsx b/iclc2023/slides/src/MiniComparison.jsx
index bab28f076..431e17b60 100644
--- a/iclc2023/slides/src/MiniComparison.jsx
+++ b/iclc2023/slides/src/MiniComparison.jsx
@@ -14,7 +14,7 @@ function MiniComparison() {
   return (
     <>
       <h1>
-        Mini Notation -&gt; JavaScript
+        User Code: Mini Notation -&gt; JavaScript
         <br />
         <small>External DSL</small>
       </h1>
diff --git a/iclc2023/slides/src/QueryDemo.jsx b/iclc2023/slides/src/QueryDemo.jsx
index 3053ff0df..553e947eb 100644
--- a/iclc2023/slides/src/QueryDemo.jsx
+++ b/iclc2023/slides/src/QueryDemo.jsx
@@ -3,7 +3,13 @@ import Highlight from './Highlight.jsx';
 import Stepper from './Stepper.jsx';
 
 const snippets = [
-  [<SlideRepl tune={`s("bd [hh sd]").crush(4).log()`} hideHeader />, 'Logging Events'],
+  [
+    <>
+      {' '}
+      <SlideRepl tune={`s("bd [hh sd]").crush(4).log()`} hideHeader />
+    </>,
+    'Logging Events',
+  ],
   [
     <>
       <Highlight
@@ -27,14 +33,17 @@ console.log(events.map(e => e.show()))`}
 
 function QueryDemo() {
   return (
-    <Stepper
-      steps={snippets.map(([snippet, label]) => (
-        <div className="py-4 space-y-4">
-          <h3>{label}</h3>
-          {snippet}
-        </div>
-      ))}
-    />
+    <>
+      <img src="./img/queryflow.png" className="w-[800px]" />
+      <Stepper
+        steps={snippets.map(([snippet, label]) => (
+          <div className="py-4 space-y-4">
+            <h3>{label}</h3>
+            {snippet}
+          </div>
+        ))}
+      />
+    </>
   );
 }
 
diff --git a/iclc2023/slides/src/Slides.jsx b/iclc2023/slides/src/Slides.jsx
index 7c406b7ca..bc995fa2b 100644
--- a/iclc2023/slides/src/Slides.jsx
+++ b/iclc2023/slides/src/Slides.jsx
@@ -27,15 +27,19 @@ const order = [
   'repl-features',
   'viz',
 
-  'patterns-events',
-  'events-audio', // outputs
-  'outputs',
-  //
   'replflow',
+
+  // User Code
   'transpilation',
   'mininotation',
   'mini-comparison',
-  // scheduling?
+  // Patterns
+  'patterns-events',
+  // scheduler?
+  // Output
+  'events-audio',
+  'outputs',
+  //
   // pattern alignment?
   // flexible typing?
   // future outlook?
diff --git a/iclc2023/slides/src/TranspilationDemo.jsx b/iclc2023/slides/src/TranspilationDemo.jsx
index 1ec43c595..bb3e8b3a4 100644
--- a/iclc2023/slides/src/TranspilationDemo.jsx
+++ b/iclc2023/slides/src/TranspilationDemo.jsx
@@ -66,11 +66,14 @@ function TranspilationDemo() {
     <div className="not-prose space-y-8">
       <Stepper
         steps={[
-          <ul className="list-decimal pl-8">
-            <li>Parse JS Code with acorn to get AST</li>
-            <li>Modify AST with estree-walker</li>
-            <li>Convert modified AST back to JS with escodegen</li>
-          </ul>,
+          <>
+            <img src="./img/transpileflow.png" className="h-[500px]" />
+            <ul className="list-decimal pl-8">
+              <li>Parse JS Code with acorn to get AST</li>
+              <li>Modify AST with estree-walker</li>
+              <li>Convert modified AST back to JS with escodegen</li>
+            </ul>
+          </>,
           <TranspilationEditor code={`"bd [hh sd]"`} />,
         ]}
       />
diff --git a/iclc2023/slides/src/slides/mininotation.mdx b/iclc2023/slides/src/slides/mininotation.mdx
index 2e07e1175..6d5e37459 100644
--- a/iclc2023/slides/src/slides/mininotation.mdx
+++ b/iclc2023/slides/src/slides/mininotation.mdx
@@ -3,6 +3,8 @@ import Stepper from '../Stepper';
 
 # User Code: Mini Notation
 
+<img src="./img/pegflow.png" />
+
 <Stepper
   steps={[
     <ul className="list-decimal pl-8">
diff --git a/iclc2023/slides/src/slides/patterns-events.mdx b/iclc2023/slides/src/slides/patterns-events.mdx
index 6b5b1f24b..1dca2b12c 100644
--- a/iclc2023/slides/src/slides/patterns-events.mdx
+++ b/iclc2023/slides/src/slides/patterns-events.mdx
@@ -1,5 +1,5 @@
 import QueryDemo from '../QueryDemo.jsx';
 
-# Patterns -> Events
+# Querying: From Patterns to Events
 
 <QueryDemo />
diff --git a/iclc2023/slides/src/slides/repl-features.mdx b/iclc2023/slides/src/slides/repl-features.mdx
index 72a6bfdd2..d27eb68e4 100644
--- a/iclc2023/slides/src/slides/repl-features.mdx
+++ b/iclc2023/slides/src/slides/repl-features.mdx
@@ -1,13 +1,13 @@
 # Strudel REPL: Features
 
-- Visual Feedback
-- Offline Support (+ installable PWA)
 - Outputs: Web Audio, MIDI, OSC, CSound, Serial, ..
+- Visual Feedback
 - Examples to shuffle through
 - Sharable URLs
 - Sound Browser
 - Console
 - Reference
+- Offline Support (+ installable PWA)
 - Themable + Custom Fonts
 
 ![illegible](./img/illegible.png)
diff --git a/iclc2023/slides/src/slides/replflow.mdx b/iclc2023/slides/src/slides/replflow.mdx
index 8ccdfa3c0..6eea46e1c 100644
--- a/iclc2023/slides/src/slides/replflow.mdx
+++ b/iclc2023/slides/src/slides/replflow.mdx
@@ -1,4 +1,4 @@
-# REPL
+# Strudel REPL: System Overview
 
 <center>
   <img src="./img/strudelflow.png" className="w-[900px]" />
diff --git a/iclc2023/slides/src/slides/usage.mdx b/iclc2023/slides/src/slides/usage.mdx
index 535317e42..f6a4dbbda 100644
--- a/iclc2023/slides/src/slides/usage.mdx
+++ b/iclc2023/slides/src/slides/usage.mdx
@@ -2,10 +2,10 @@ import Highlight from '../Highlight.jsx';
 
 # Ways to use Strudel
 
-- REPL at [strudel.tidalcycles.org](https://strudel.tidalcycles.org)
+- "Strudel REPL" at [strudel.tidalcycles.org](https://strudel.tidalcycles.org)
+- `@strudel.cycles/*` npm packages for your own projects
 - Embeddable [Web Component](https://github.com/tidalcycles/strudel/tree/main/packages/embed#strudelcyclesembed)
-- 16 npm packages for granular use
-- Plugins for [Mastodon](https://github.com/mortuosplango/topfenstrudel) and Discourse:
+- Browser Plugin for [Mastodon](https://github.com/mortuosplango/topfenstrudel) + Discourse Plugin:
 
 <div className="flex">
   <img src="./img/topfenstrudel.png" />
diff --git a/iclc2023/slides/src/slides/viz.mdx b/iclc2023/slides/src/slides/viz.mdx
index 90a9ee414..75c6483b8 100644
--- a/iclc2023/slides/src/slides/viz.mdx
+++ b/iclc2023/slides/src/slides/viz.mdx
@@ -2,6 +2,8 @@ import { SlideRepl } from '../SlideRepl.jsx';
 
 # Visual Feedback
 
+Highlighting + Piano Roll
+
 <SlideRepl
   hideHeader
   punchcard
diff --git a/iclc2023/slides/src/slides/whatIsStrudel.mdx b/iclc2023/slides/src/slides/whatIsStrudel.mdx
index 06e013b20..690f6bf03 100644
--- a/iclc2023/slides/src/slides/whatIsStrudel.mdx
+++ b/iclc2023/slides/src/slides/whatIsStrudel.mdx
@@ -3,7 +3,7 @@ import { SlideRepl } from '../SlideRepl.jsx';
 # What is Strudel
 
 - Tidal Cycles ported to JavaScript
-- zero-install live coding for the browser
+- zero-install live coding environment for the browser
 - free & open source, hackable, sharable, embeddable:
 
 <SlideRepl