From 650164e4127a05e98c6f2eb4c5aa0c78f5d2c1e5 Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Tue, 31 Mar 2026 14:48:05 +0200
Subject: [PATCH] docs: add video component design spec

---
 .../2026-03-31-video-component-design.md      | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 docs/superpowers/specs/2026-03-31-video-component-design.md

diff --git a/docs/superpowers/specs/2026-03-31-video-component-design.md b/docs/superpowers/specs/2026-03-31-video-component-design.md
new file mode 100644
index 0000000..9a91203
--- /dev/null
+++ b/docs/superpowers/specs/2026-03-31-video-component-design.md
@@ -0,0 +1,30 @@
+# Video Component Design
+
+## Summary
+
+A reusable `<Video>` MDX component for embedding videos in blog posts with sensible defaults and optional caption.
+
+## Component
+
+**File:** `components/video.tsx`
+
+**Props:**
+- `src: string` — video file path (required)
+- `caption?: string` — text displayed below video (optional)
+
+**Video defaults:** `controls loop muted playsInline width="100%"`
+
+**Styling:**
+- Container: `rounded-lg border border-white/30 bg-white/10 backdrop-blur-sm overflow-hidden shadow-md`
+- Caption: small, muted, italic, centered
+
+## Integration
+
+Register `Video` in `page.tsx` MDXRemote `components` prop so it's available in all MDX posts without per-post imports.
+
+## Usage in MDX
+
+```mdx
+<Video src="/posts/rts.mp4" />
+<Video src="/posts/rts.mp4" caption="My failed RTS attempt" />
+```