create-frameseq

Create a new FrameSeq presentation project:

npm create frameseq@latest my-talk
cd my-talk
npm install
npm run dev

Generated projects keep the slide document focused and place reusable project code in two direct modules:

components/
├─ content.ts
└─ theme.ts
slides.ts

The project also includes AGENTS.md with FrameSeq syntax, layout, formula, and validation guidance for coding agents. CLAUDE.md imports that same file, so Codex, Claude Code, and compatible tools follow one shared authoring contract.

Use content.ts for reusable presentation objects and theme.ts for project-wide colors, fonts, and theme settings. No index.ts barrel is generated; import each module directly from slides.ts.

Press P in the presentation to open the synchronized presenter view.

Run npm run present, select R, and scan the QR code to control navigation and the laser pointer from a phone on the same Wi-Fi.

Run npm run check to validate TypeScript and inspect the rendered slides for overflow, clipped text, and text that is too small.

npm run build creates a static site in dist/. npm run build:single creates one self-contained dist/index.html.

npm run pdf exports a PDF. npm run pptx exports an editable hybrid PowerPoint; add -- --flatten to render each slide as one image for maximum fidelity. npm run typst creates editable Typst source, maps LaTeX formulas and basic text through MiTeX, and converts common LaTeX tables to native Typst tables.

Every generated project includes .github/workflows/pages.yml. Push the project to a GitHub repository, select GitHub Actions under Settings → Pages → Build and deployment, and each push to main or master will publish the presentation.