Jam Prototypes

A collection of self-contained prototypes for jam.dev.

Structure

Each folder is a standalone prototype with its own dependencies and setup instructions.

Naming Convention

YYYY-MM-DD Prototype Name (Creator)

Examples:

• 2026-01-30 Sharepage Layout (Martin)
• 2026-02-15 Dashboard Redesign (Chris)

Guidelines

1. Self-contained: Each prototype should be fully runnable on its own
2. README: Include a README.md in each prototype folder with setup instructions
3. Dependencies: Each prototype has its own package.json / dependency management
4. Date: Use the date when the prototype was started
5. Creator: Use first name of the primary creator

Prototypes

Folder	Description	Tech Stack
2026-01-28 PIP Recording Window (Chris)	Floating Picture-in-Picture window for screen recording with audio waveform visualization	Vanilla JS, Document PIP API, Web Audio API
2026-01-30 Sharepage Layout (Martin)	Split-panel layout with DevTools, theming system	Next.js, Radix UI, styled-components
2026-02-02 Jam MCP Landing (Frederik)	Landing page for Jam MCP integration	Next.js, Radix Themes, TypeScript
2026-02-03 Pylon Integration with Recording Links (Frederik)	Generate Jam recording links with Pylon issue context	Next.js, Radix Themes, TypeScript
2026-09-09 Jam for Mac (Martin)	Menu bar onboarding and DraftUI with draggable windows, animated grid, magnifier, and video trimming	HTML, CSS, JavaScript

Hosted prototypes

Jam for Mac playground · Open DraftUI

GitHub Pages publishes the Mac playground automatically when its folder or the Pages workflow changes on main. The deployment includes only the static playground files and assets; other prototypes keep their existing setup.