docs: add 30s VHS terminal demo GIF to README

Author: greynewell

README.md

@@ -1,5 +1,8 @@
 # ContextForge RAG
 
+<p align="center">
+  <img src="demos/demo.gif" alt="30-second demo: profile validation, SOUL, skills, and install" width="100%">
+</p>
 
 <p><strong>Docs:</strong> <a href="https://graphtheory.xyz/context-forge-rag/">https://graphtheory.xyz/context-forge-rag/</a></p>
 

demos/demo.gif

@@ -0,0 +1,24 @@
+Output demos/demo.gif
+Set Shell "bash"
+Set FontSize 20
+Set Width 1280
+Set Height 720
+Set Theme "Catppuccin Mocha"
+Set TypingSpeed 50ms
+
+Type "# ContextForge RAG · production retrieval" Enter
+Sleep 600ms
+
+Hide
+Type "python3 scripts/validate_profile.py ." Enter
+Sleep 5s
+Type "head -16 SOUL.md" Enter
+Sleep 5s
+Type "ls skills | head -10" Enter
+Sleep 4s
+Show
+
+Type "hermes profile install github.com/codegraphtheory/context-forge-rag --name context-forge-rag --yes" Enter
+Sleep 4s
+Type "# RAG architecture · eval gates · observability" Enter
+Sleep 3s

demos/vhs/demo-30s.tape

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+ROOT="$(cd "$(dirname "$0")/../.." && pwd)"
+cd "$ROOT"
+command -v vhs >/dev/null || { echo "Install: brew install vhs ffmpeg" >&2; exit 1; }
+mkdir -p demos
+vhs demos/vhs/demo-30s.tape
+ls -la demos/demo.gif

demos/vhs/render_demo_gif.sh

@@ -0,0 +1,23 @@
+{
+  "name": "HeavyCoder",
+  "black": "#0a0e14",
+  "red": "#ff6b9d",
+  "green": "#5eca89",
+  "yellow": "#fdd877",
+  "blue": "#65aef7",
+  "magenta": "#c678dd",
+  "cyan": "#56d4e8",
+  "white": "#e6e8eb",
+  "brightBlack": "#3d4450",
+  "brightRed": "#ff8ab3",
+  "brightGreen": "#7ee0a8",
+  "brightYellow": "#ffe08a",
+  "brightBlue": "#8bc4ff",
+  "brightMagenta": "#d8a0f0",
+  "brightCyan": "#7ee8ff",
+  "brightWhite": "#ffffff",
+  "background": "#0a0e14",
+  "foreground": "#e6e8eb",
+  "selection": "#1a2332",
+  "cursor": "#56d4e8"
+}