{"id":"demo-script","relativePath":"demo-script.md","title":"Demo Video — Shot List & Script (60–90s)","markdown":"# Demo Video — Shot List & Script (60–90s)\n\nA ready-to-record script for the portfolio demo (roadmap-to-10 **A6**). I can't capture video, so this is the storyboard + narration; you record against it. Target **60–90 seconds**, screen-recorded at 1920×1080, narration optional (captions work too).\n\n**Setup before recording:** sign in (so the AI path is live), have `www.metamuseum.org` and a terminal ready, and pre-load `/explore` and one artwork detail page so transitions are instant.\n\n| # | Time | Screen | Action | Narration (caption) |\n|---|---|---|---|---|\n| 1 | 0:00–0:06 | Home (`/`) | Slow scroll past hero → \"Live source network\" band | \"Meta Museum — a Linked Art workbench over 13 museum collections.\" |\n| 2 | 0:06–0:18 | `/explore` | Scroll the grid; hover a card to show the rights badge; open one artwork detail | \"Browse public artworks across 13 sources. Every image shows its rights, attribution, and source — unknown rights are flagged, never reused.\" |\n| 3 | 0:18–0:30 | Terminal | `curl -H \"Accept: application/ld+json\" https://www.metamuseum.org/api/objects/<id>` → show JSON-LD | \"Standards-grade: every record is canonical Linked Art JSON-LD — event-centric, rights as `Right` entities, served with the `ld+json` profile.\" |\n| 4 | 0:30–0:52 | `/agents` (signed in) | Run an agent → generate a curatorial note; highlight the citations + rights line + \"ready for review\" | \"Signed in, a Claude agent drafts a source-cited, rights-aware note — with citation and refusal gates, and a human-approval step before anything publishes.\" |\n| 5 | 0:52–1:05 | `docs/linked-art/conformance-matrix.md` + GitHub badges | Show the generated provider matrix + green CI / coverage / Linked Art badges | \"It's test-backed: a generated per-provider conformance matrix, a SHACL CI gate, 89% coverage, and green CI on every change.\" |\n| 6 | 1:05–1:12 | Home / URL bar | Land on `www.metamuseum.org` | \"Live in production. Built with Next.js 16, React 19, and Claude.\" |\n\n## Screenshot gallery (for the README / portfolio)\n\nCapture these stills (1920×1080, light theme) into `docs/images/`:\n\n1. `home.png` — hero + live source band (already exists).\n2. `explore.png` — `/explore` grid with a visible rights badge.\n3. `artwork-detail.png` — one artwork detail with the facts + rights panel.\n4. `linked-art-json.png` — terminal showing the `ld+json` response.\n5. `agent-note.png` — a generated curatorial note with citations + rights (the existing `MetaMuseumAgentAnimation.gif` covers the motion version).\n6. `conformance-matrix.png` — the generated per-provider matrix.\n\n## Recording tips\n\n- Use a clean browser profile (no extra extensions/bookmarks bar).\n- Slow, deliberate cursor movement; pause ~1s on each key element.\n- Keep the terminal font large (16–18pt) so JSON-LD is legible.\n- Export ≤ 1080p, < 20 MB if embedding in the README; otherwise link to a hosted copy (Loom/YouTube unlisted).\n- Add the URL `www.metamuseum.org` as an end card.\n","sections":[{"level":2,"heading":"Screenshot gallery (for the README / portfolio)","anchor":"screenshot-gallery-for-the-readme-portfolio"},{"level":2,"heading":"Recording tips","anchor":"recording-tips"}],"html":"<h1 id=\"demo-video-shot-list-script-60-90s\">Demo Video — Shot List &amp; Script (60–90s)</h1>\n<p>A ready-to-record script for the portfolio demo (roadmap-to-10 <strong>A6</strong>). I can&#39;t capture video, so this is the storyboard + narration; you record against it. Target <strong>60–90 seconds</strong>, screen-recorded at 1920×1080, narration optional (captions work too).</p>\n<p><strong>Setup before recording:</strong> sign in (so the AI path is live), have `www.metamuseum.org` and a terminal ready, and pre-load `/explore` and one artwork detail page so transitions are instant.</p>\n<p>| # | Time | Screen | Action | Narration (caption) |</p>\n<p>|---|---|---|---|---|</p>\n<p>| 1 | 0:00–0:06 | Home (`/`) | Slow scroll past hero → &quot;Live source network&quot; band | &quot;Meta Museum — a Linked Art workbench over 13 museum collections.&quot; |</p>\n<p>| 2 | 0:06–0:18 | `/explore` | Scroll the grid; hover a card to show the rights badge; open one artwork detail | &quot;Browse public artworks across 13 sources. Every image shows its rights, attribution, and source — unknown rights are flagged, never reused.&quot; |</p>\n<p>| 3 | 0:18–0:30 | Terminal | `curl -H &quot;Accept: application/ld+json&quot; https://www.metamuseum.org/api/objects/&lt;id&gt;` → show JSON-LD | &quot;Standards-grade: every record is canonical Linked Art JSON-LD — event-centric, rights as `Right` entities, served with the `ld+json` profile.&quot; |</p>\n<p>| 4 | 0:30–0:52 | `/agents` (signed in) | Run an agent → generate a curatorial note; highlight the citations + rights line + &quot;ready for review&quot; | &quot;Signed in, a Claude agent drafts a source-cited, rights-aware note — with citation and refusal gates, and a human-approval step before anything publishes.&quot; |</p>\n<p>| 5 | 0:52–1:05 | `docs/linked-art/conformance-matrix.md` + GitHub badges | Show the generated provider matrix + green CI / coverage / Linked Art badges | &quot;It&#39;s test-backed: a generated per-provider conformance matrix, a SHACL CI gate, 89% coverage, and green CI on every change.&quot; |</p>\n<p>| 6 | 1:05–1:12 | Home / URL bar | Land on `www.metamuseum.org` | &quot;Live in production. Built with Next.js 16, React 19, and Claude.&quot; |</p>\n<h2 id=\"screenshot-gallery-for-the-readme-portfolio\">Screenshot gallery (for the README / portfolio)</h2>\n<p>Capture these stills (1920×1080, light theme) into `docs/images/`:</p>\n<ol><li>`home.png` — hero + live source band (already exists).</li></ol>\n<ol><li>`explore.png` — `/explore` grid with a visible rights badge.</li></ol>\n<ol><li>`artwork-detail.png` — one artwork detail with the facts + rights panel.</li></ol>\n<ol><li>`linked-art-json.png` — terminal showing the `ld+json` response.</li></ol>\n<ol><li>`agent-note.png` — a generated curatorial note with citations + rights (the existing `MetaMuseumAgentAnimation.gif` covers the motion version).</li></ol>\n<ol><li>`conformance-matrix.png` — the generated per-provider matrix.</li></ol>\n<h2 id=\"recording-tips\">Recording tips</h2>\n<ul><li>Use a clean browser profile (no extra extensions/bookmarks bar).</li><li>Slow, deliberate cursor movement; pause ~1s on each key element.</li><li>Keep the terminal font large (16–18pt) so JSON-LD is legible.</li><li>Export ≤ 1080p, &lt; 20 MB if embedding in the README; otherwise link to a hosted copy (Loom/YouTube unlisted).</li><li>Add the URL `www.metamuseum.org` as an end card.</li></ul>","updatedAt":"2018-10-20T01:46:40.000Z","checksum":"131ddae42e6e4bce4b3afe2588d3a067e0d2f8ab8f3002f25ae19a5ab9890cf1","checksumPrefix":"131ddae42e6e","anchorCount":2,"lineCount":34,"rawUrl":"/api/docs/content?path=demo-script.md","htmlUrl":"/docs?doc=demo-script.md","apiUrl":"/api/docs/content?path=demo-script.md"}