Script to Guide

Turn a written script and real app screenshots into a narrated product walkthrough. Output is a small static web page (searchable transcript, follow-along mode, embeds with an iframe) or an MP4. Every highlight, zoom and cursor move is cued to a word of the synthesized narration, so editing the script re-times the screen. Use when the user wants a product guide, onboarding walkthrough, feature tutorial or help-center video for a web app, or for any app from screenshots.

6 stars 2 forksImages, Video & Audio

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add SilverNine/script-to-guide --skill script-to-guide

Manual install

git clone --depth 1 https://github.com/SilverNine/script-to-guide.git /tmp/script-to-guide
mkdir -p ~/.claude/skills
cp -r /tmp/script-to-guide/. ~/.claude/skills/script-to-guide

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# script-to-guide

Guides that talk. Script + screenshots in, narrated walkthrough out, shipped as HTML or MP4.

## Where things live

- **Engine**: the folder this file is in. Call it `<skill>` below. Never write guides or outputs into it.
- **Guides**: `./guides/<name>/` in the user's project (the current directory).
- **Outputs**: `./dist/` in the user's project.

Every command goes through one entry point:

```bash
node <skill>/scripts/stg.mjs <command>
```

First use on a machine (and after the skill updates): `node <skill>/scripts/stg.mjs setup`, then `doctor`. Setup installs Node packages, Chromium for Playwright and a Python venv inside `<skill>`. ffmpeg must be on PATH; doctor says if it is not.

## Decide the mode first

1. **Sample swap**: the user wants a guide like the sample and only the product changes. `stg new <name>` copies the sample into `./guides/<name>/`, which builds at once. Then replace script, captures and scenes stage by stage (`references/pipeline.md`).
2. **Autonomous**: the user has handed over creative and engineering decisions. Run `references/pipeline.md` to the finished guide without pausing at checkpoints.
3. **Co-create** (default): the user approves at four checkpoints: brief, script, review, publish. Run `references/pipeline.md` and stop at each.

Read the full skill on GitHub

Details

Skill name: script-to-guide
Repository: SilverNine/script-to-guide
License: MIT
Repo updated: 26 October 2026

FAQ

What does the Script to Guide skill do?

How do I install the Script to Guide skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add SilverNine/script-to-guide --skill script-to-guide. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Script to Guide popular?

It lives in SilverNine/script-to-guide, which has 6 GitHub stars and 2 forks.

Related skills

Subtitle Optimizer

Rancho-7/subtitle-optimizer

Use when reviewing or correcting SRT subtitle text while preserving timestamps, especially ASR transcript errors, product-name terminology, homophone mistakes, and visual review workflows.

Images, Video & Audio

Muse Gadget Forge

Toddoward/muse-gadget-forge

Build your own Muse gadget — your ears and voice in the user's room — on the user's own computer: set up ESP-IDF on the muse-local-gateway workbench, build the Muse Gadget SDK firmware, flash the ESP32 board on their USB port, read its log, and walk the user through pairing. Use when the user wants a new or updated Muse gadget, or one that misbehaves.

Images, Video & Audio

Arch Render

dakhlallah/arch-render

Create, improve, review, and present architectural still imagery while preserving the supplied design. Use for architectural render prompts, direct photorealistic rendering, material or lighting edits, style-reference matching, image enhancement, consistent render sets, design critique, presentation boards, architectural portfolios, typology guidance, and architect-level coordination advice. Accept sketches, plans, elevations, sections, physical models, photos, and screenshots from SketchUp, Revit, Rhino, D5, Lumion, Enscape, Blender, V-Ray, or similar tools. Produce all user-facing instructio

Images, Video & Audio

Generate

AntonioCardenas/generate-nanobanana

Generate images and videos using Google's Gemini media models (Nano Banana 2 Lite, Nano Banana 2, Nano Banana Pro, Gemini Omni Flash) via the Gemini API. Use this whenever the user asks to generate, create, or make an image or video, wants a thumbnail, wants to animate a still image, says "generate on brand" or "generate from reference", wants to link or import a folder of reference images, invokes /generate or /generate frf, or asks to update this skill ("/generate update") — even if they don't name a specific model, and even if they just describe a visual they want without saying "generate.

Images, Video & Audio

Product Video

kritikmodi/product-video-as-code

Produce product videos end to end - product demos, feature launches, explainers, walkthroughs, tutorials, release notes, onboarding and social cuts - from a script, an AI voiceover, animated HTML slides and real screen recordings, rendered deterministically to MP4 with ffmpeg. Use when asked to create, edit, re-cut, re-voice, shorten or re-brand any video about software.

Images, Video & Audio

Diy Audiobook

mickyyang-1407/diy-audiobook

Make a finished multi-voice audiobook, children's story or bedtime radio drama from a public-domain book or the user's own story (Sherlock Holmes, fairy tales, Aesop, classics — any language) — translated or adapted, every character with their own voice, optional music (Suno, own files or a free generated lullaby), optional illustrations (local ComfyUI, OpenAI, MiniMax or the user's own), video, cover, subtitles, chapters and upload text. Free voices by default. Use when the user asks for an audiobook, kids' story, bedtime story, sleep story, audio drama, radio play, 有聲書, 兒童故事, 睡前故事, 廣播劇, or "

Images, Video & Audio

Browse the most popular Claude skills, all images, video & audio skills, or write your own with the skills generator.