Design Notebook

Scaffold and run a design iteration notebook — a focused canvas that shows one iteration at a time, with prev/next navigation, side-by-side comparisons for divergent exploration, and a collapsible filmstrip drawer for visual overview of every step.

Step 1: Choose Scaffold Path

Path A: Standalone project (no existing React framework)

Use this when the working directory is empty or has no React framework.

The template directory is at template/ relative to this SKILL.md file. Use cp commands to copy files — do NOT read and rewrite them.

# Copy project config files
cp template/package.json template/tsconfig.json template/vite.config.ts template/index.html .