diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index a985838..b66055b 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -50,6 +50,11 @@
   <script defer src="{{ `scripts/railroad-utils.js` | absURL }}"></script>
   {{ end }}
 
+  {{ if and .IsPage (.Page.Scratch.Get "includes_p5_sketch") }}
+  <script defer src="{{ `scripts/p5-1.4.1.min.js` | absURL }}"></script>
+  <script defer src="{{ `scripts/sketch-utils.js` | absURL }}"></script>
+  {{ end }}
+
   {{ range $script := .Resources.Match "*.js" }}
   <script defer type="module" src="{{ $script.Permalink | relURL }}"></script>
   {{ end }}
diff --git a/layouts/shortcodes/p5_sketch.html b/layouts/shortcodes/p5_sketch.html
index c34b2df..60e27fa 100644
--- a/layouts/shortcodes/p5_sketch.html
+++ b/layouts/shortcodes/p5_sketch.html
@@ -1,2 +1,3 @@
 {{ $id := .Get "id" }}
-<figure class="p5-sketch" id="{{ $id }}"></figure>
\ No newline at end of file
+{{ .Page.Scratch.Set "includes_p5_sketch" true }}
+<figure class="p5-sketch {{ with .Get "bordered" }}bordered{{ end }}" id="{{ $id }}"></figure>