← ClaudeAtlas

react-slideslisted

Use when authoring React/TSX slide decks with live hot-reload preview, an in-browser inspector, and static HTML export via the bundled open-slide fork. Trigger on "react slides", "live slides", "interactive deck", "open-slide", "live preview deck", "TSX slides", "hot-reload presentation", "slides I can edit in the browser", or "React presentation". Materializes a self-contained Node workspace from the skill's own template + vendored framework tarball (node >=18), so it works on any machine — no repo required.
petermcalister/shared-skills · ★ 2 · Web & Frontend · score 68
Install: claude install-skill petermcalister/shared-skills
# React Slides — Live Presentation Skill Generate React/TSX slide decks with live hot-reload preview, inspector feedback, and static HTML export. The framework is a **bundled hard fork of open-slide** (1920×1080 fixed canvas, Vite HMR, click-to-edit inspector, presenter mode) — provenance and license in `${CLAUDE_PLUGIN_ROOT}/skills/react-slides/ATTRIBUTION.md`. It ships with this skill as a packed tarball plus a workspace template; nothing resolves from the public registry except stock react/vite. ## First: probe the machine ```bash ${user_config.python_runner} ${CLAUDE_PLUGIN_ROOT}/skills/react-slides/scripts/route.py doctor ``` - **`bridge-author-infra` live** → you are on the authoring machine: use **repo mode** (below). Everywhere else that row is dark **by design** — it names the authoring repo's private bridge, which is not installable. - **Otherwise** → **portable mode**: materialize the bundled workspace. - **`workspace-house` dark** → node ≥18 is missing; you will get a structured refusal — follow the on-refusal protocol below. ## Portable mode ### 1. Materialize the workspace (first use only) ```bash ${user_config.python_runner} ${CLAUDE_PLUGIN_ROOT}/skills/react-slides/scripts/ensure_workspace.py \ --skill ${CLAUDE_PLUGIN_ROOT}/skills/react-slides \ --workspace "${user_config.react_slides_workspace}" \ --action ensure ``` This scaffolds the template (getting-started deck, 12 palette themes), points the workspace's `@open-slide/core` dependency