ATrain Slides logo

ATrain Slides

A grand tour — text, math, tables, figures, diagrams, and rich sandboxed widgets

You author it by hand · Claude edits it live over MCP

SECTION 01

The canvas

A free-form 1920×1080 world of absolutely-positioned elements — the same primitives whether a human or an AI places them.

Shapes & primitives

Rich text & inline math

Mix bold, italic, and code with inline equations like right in the sentence.

The diphoton invariant mass peaks near , consistent with the Higgs boson. Press Alt+= to drop in an equation inline.

Fonts, sizes, and colours are per-run and can link to the theme, so a restyle sweeps the whole deck.

Equations

SECTION 02

Designed with native elements

Cards, grids, timelines, quotes — built from real shapes, text and images. Every piece is yours to move and restyle.

NATIVE · SHAPES + TEXT

Stat cards

137 fb⁻¹

Integrated luminosity

125.1 GeV

Higgs mass

5.2 σ

Significance

1.2 M

Events

NATIVE · SHAPES + IMAGES

Feature grid

Equations icon

Equations

PowerPoint-grade LaTeX, inline and block

Tables icon

Tables

Cells with math, merge & split

Embeds icon

Embeds

Sandboxed HTML widgets, editable knobs

Themes icon

Themes

Tokens restyle every slide at once

Export icon

Export

Exact PDF, PNG, reveal.js, offline HTML

Agentic icon

Agentic

Claude edits the deck live over MCP

NATIVE · SHAPES + TEXT

Timelines

M0

Spike

M1

Editor core

M2

Equations

M3

Clipboard

M4

Export

M5

Agentic AI

M6

Skill

NATIVE · TEXT + SHAPES

Callouts & quotes

The deck is the source of truth. You edit it by hand, Claude edits it over MCP — the same validated ops, the same live canvas.

ATrain Slides — design principle #4

SECTION 03

Data, plots & science

Figures as images, native bar charts, and small Claude-authored chart cards — the visuals a physics talk actually needs.

Figures & images

Diphoton mass spectrum
CMS transverse event display

Diphoton mass spectrum (SVG asset).

A simulated event display.

Paste screenshots straight onto the canvas (Ctrl+V), or embed SVG/PNG as content-addressed assets — nothing is uploaded.

NATIVE BARS + 2 SMALL CUSTOM EMBED · WRITTEN BY CLAUDE

Dashboards

Yield breakdown

Signal

62%

Background

88%

Systematics

34%

MC stat

20%

62%signal purity
Signal
Background
Systematics
Cumulative excess
+5.2σ

CUSTOM EMBED · WRITTEN BY CLAUDE · theme-aware

Charts that animate and update

An animated bar chart — click Shuffle and it tweens. Exports capture a clean static snapshot.

CUSTOM EMBED · WRITTEN BY CLAUDE · theme-aware

Fit a line, live

A real least-squares fit in the sandbox — drag the noise slider and watch a, b change.

SECTION 04

Live & interactive

The embed element runs real, Claude-written code in a sandboxed, no-network iframe — and it follows your deck theme.

CUSTOM EMBED · WRITTEN BY CLAUDE · editable knobs · theme-aware

Editable interactive widgets

The 'peak' knob shows up in the Inspector — turn it without touching code. Colours follow the deck theme.

CUSTOM EMBED · WRITTEN BY CLAUDE · theme-aware

A live terminal, rendered on a slide

Typed by a sandboxed script — no shell, no network. Great for walking through a workflow.

CUSTOM EMBED · WRITTEN BY CLAUDE · theme-aware

Physics toys that actually run

A double pendulum integrated every frame — restart from the same angles and it still diverges.

CUSTOM EMBED · WRITTEN BY CLAUDE · theme-aware

Interference, in real time

Two sine waves and their sum (accent) — slide the frequencies together to see beats.

CUSTOM EMBED · WRITTEN BY CLAUDE · theme-aware

Real 3D, fully self-contained

Flat-shaded, z-sorted, back-face culled — all in the sandbox. Drag to rotate; toggle wireframe.

CUSTOM EMBED · WRITTEN BY CLAUDE · theme-aware

Code, beautifully rendered

fit_diphoton.py
1
2
3
4
5
6
7
8
import numpy as np
from scipy.optimize import curve_fit
 
def gauss(x, a, mu, sigma): # signal model
return a * np.exp(-0.5 * ((x - mu) / sigma) ** 2)
 
popt, _ = curve_fit(gauss, m, counts, p0=[120, 125, 2.2])
print(f'peak = {popt[1]:.2f} GeV') # -> 125.09 GeV

SECTION 05

Structure & flow

Diagrams and bound connectors — native structure that re-routes as you move things.

Diagrams

Data

Trigger

Reco

Fit

Result

Mermaid source lives in deck.json; the editor renders and caches the SVG (Insert ▸ Diagram).

Connectors

Detector

DAQ

Grid storage

Analysis

Endpoints bind to a shape's side, so moving a box re-routes the arrow automatically.

SECTION 06

You + your AI

The deck is the single source of truth. You edit by hand, Claude edits over MCP — the same ops, the same live canvas.

How Claude edits your deck

You, in the terminal

“Add a slide comparing ATLAS and CMS limits, make the title red, and drop in the exclusion plot.”

MCP ops

Live in your editor · one undo step

• add_slide sl_9f (layout: two-content)

• add_text "ATLAS vs CMS" role:title

• update_element fill → #e2001a

• add_image exclusion.png

validated

undoable

live WS push

ATrain Slides logo

ATrain Slides

Local-first slides with PowerPoint-grade math, rich sandboxed widgets, and a deck that you and your AI edit together.

github.com/ArghyaRanjanDas/atrain-slides

Equations

Tables

Embeds

3D & charts

Exact export

MCP / agentic