Manuscript

Tracking since May 22, 2026.

Changelog

• Jun 10, 2026
  description

  Screenshots go stale, and one small UI change means re-recording the whole video. Tours you build with Manuscript don't break when the page changes — click to point, layer notes, press play.
  
  Manuscript is a browser extension for putting together step-by-step product tours, walkthroughs, and user manuals on the web (works on Chromium-based browsers — Chrome, Microsoft Edge, and others). Click the parts of a page you want to highlight, drop a spotlight on each, layer text boxes or hand-drawn arrows, then press play.
  
  ■ What sets it apart
  
  1. Tours that don't break when the page changes
     Manuscript remembers each step's element three ways at once — by stable attribute (data-testid, id, aria-label), then by text and surrounding structure, then by viewport position with nearby words. A renamed class, an edited button label, or a small layout reflow won't make your tour go missing.
  
  2. Your work, in a JSON file
     Every tour is a JSON file you download. Commit it to git, review it in a pull request, version it next to the code it documents. No cloud lock-in.
  
  3. Nothing to install on the site you're documenting
     Manuscript lives in your browser, not in the page. Document your own product, a customer's portal, an internal tool, or any site on the web — without touching a line of its code.
  
  ■ What you can do
  
  · Pick page elements with a click — even inside embedded mini-pages (iframes)
  · Spotlight to draw the eye — adjustable ring color, thickness, and dim level
  · Add text boxes, 8 shapes, hand-drawn arrows, and freehand drawing
  · Step-by-step replay with read-aloud narration (browser voices + Google voices)
  · A detached presenter window with a step list and keyboard controls
  · 4 palettes + dark mode — picks up the host site's brand colors and fonts so your tour fits in
  · English / Korean UI — follows your browser's language setting
  
  ■ Latest
  
  · Undo, redo & format painter — step every panel edit back and forward with Ctrl+Z / Ctrl+Shift+Z, copy one annotation's whole style onto the same kind in a single move, and copy-paste to duplicate fast
  · Remote Library — host tours in a public GitHub repo and teammates pick one from the popup's Remote Library tab to play; one click saves a copy to their own library
  · Screen recording in a separate window — a tour that moves across pages records as one continuous video, your narration and voice on a single track, with a "Created with Manuscript" watermark
  
  ■ Runtime bridge
  
  Drop a one-line manuscript-bridge.js into any host page and drive replay over postMessage. Embed tours in your own docs, marketing pages, or internal dashboards.
  
  ■ Who it's for
  
  · DevRel and Developer Advocacy — API, SDK, and CLI walkthroughs managed like code
  · Customer Success and Solutions Engineers — per-customer onboarding kept in git
  · Product Managers — executive and sales demos for new features
  · Internal IT — ERP and internal-tool manuals that stay in sync with the UI
  
  ■ Good to know
  
  · Current version v0.8.0. The core is stable; refinements land as users send in feedback.
  · Doesn't run on browser-internal pages (chrome://, edge://) or the web stores themselves (browser policy).
  · Depth-1 same-origin iframes are fully supported; nested and cross-origin iframes are partial.
  · Everything stays on your computer — chrome.storage.local plus the JSON files you export. Nothing ever leaves your machine.
  
  Contact: [email protected]

  Screenshots go stale, and one small UI change means re-recording the whole video. Tours you build with Manuscript don't break when the page changes — click to point, layer notes, press play.
  
  Manuscript is a browser extension for putting together step-by-step product tours, walkthroughs, and user manuals on the web (works on Chromium-based browsers — Chrome, Microsoft Edge, and others). Click the parts of a page you want to highlight, drop a spotlight on each, layer text boxes or hand-drawn arrows, then press play.
  
  ■ What sets it apart
  
  1. Tours that don't break when the page changes
     Manuscript remembers each step's element three ways at once — by stable attribute (data-testid, id, aria-label), then by text and surrounding structure, then by viewport position with nearby words. A renamed class, an edited button label, or a small layout reflow won't make your tour go missing.
  
  2. Your work, in a JSON file
     Every tour is a JSON file you download. Commit it to git, review it in a pull request, version it next to the code it documents. No cloud lock-in.
  
  3. Nothing to install on the site you're documenting
     Manuscript lives in your browser, not in the page. Document your own product, a customer's portal, an internal tool, or any site on the web — without touching a line of its code.
  
  4. Viewers replay it without installing anything
     Embed a finished tour on a page (standalone player) and visitors step through it right in their browser — no extension required. Drop it into your docs, a landing page, or an internal dashboard. Only the author needs the extension.
  
  ■ What you can do
  
  · Pick page elements with a click — even inside embedded mini-pages (iframes)
  · Spotlight to draw the eye — adjustable ring color, thickness, and dim level
  · Add text boxes, 8 shapes, hand-drawn arrows, and freehand drawing
  · Step-by-step replay with read-aloud narration (browser voices + Google voices)
  · A detached presenter window with a step list and keyboard controls
  · 4 palettes + dark mode — picks up the host site's brand colors and fonts so your tour fits in
  · English / Korean UI — follows your browser's language setting
  
  ■ Latest
  
  · Standalone player — embed a tour on a page and visitors replay it step by step with no extension installed; same-origin pages navigate directly, other origins continue based on the host's config
  · Export without thumbnails — save a lighter -lite JSON without the preview images, ideal for emailing or committing to a repo; replay and import are identical
  · Undo, redo & format painter — step every panel edit back and forward with Ctrl+Z / Ctrl+Shift+Z, copy one annotation's whole style onto the same kind in a single move, and copy-paste to duplicate fast
  · Remote Library — host tours in a public GitHub repo and teammates pick one from the popup's Remote Library tab to play; one click saves a copy to their own library
  · Screen recording in a separate window — a tour that moves across pages records as one continuous video, your narration and voice on a single track, with a "Created with Manuscript" watermark
  
  ■ Runtime bridge
  
  Drop a one-line manuscript-bridge.js into any host page and drive replay over postMessage. Embed tours in your own docs, marketing pages, or internal dashboards.
  
  ■ Who it's for
  
  · DevRel and Developer Advocacy — API, SDK, and CLI walkthroughs managed like code
  · Customer Success and Solutions Engineers — per-customer onboarding kept in git
  · Product Managers — executive and sales demos for new features
  · Internal IT — ERP and internal-tool manuals that stay in sync with the UI
  
  ■ Good to know
  
  · Current version v0.8.1. The core is stable; refinements land as users send in feedback.
  · Doesn't run on browser-internal pages (chrome://, edge://) or the web stores themselves (browser policy).
  · Depth-1 same-origin iframes are fully supported; nested and cross-origin iframes are partial.
  · Everything stays on your computer — chrome.storage.local plus the JSON files you export. Nothing ever leaves your machine.
  
  Contact: [email protected]

• Jun 4, 2026
  description

  Manuscript is a browser extension for putting together step-by-step product tours, walkthroughs, and user manuals on the web (works on Chromium-based browsers — Chrome, Microsoft Edge, and others). Click the parts of a page you want to highlight, drop a spotlight on each, layer text boxes or hand-drawn arrows, then press play.
  
  ■ What sets it apart
  
  1. Tours that don't break when the page changes
     Manuscript remembers each step's element three ways at once — by stable attribute (data-testid, id, aria-label), then by text and surrounding structure, then by viewport position with nearby words. A renamed class, an edited button label, or a small layout reflow won't make your tour go missing.
  
  2. Your work, in a JSON file
     Every tour is a JSON file you download. Commit it to git, review it in a pull request, version it next to the code it documents. No cloud lock-in.
  
  3. Nothing to install on the site you're documenting
     Manuscript lives in your browser, not in the page. Document your own product, a customer's portal, an internal tool, or any site on the web — without touching a line of its code.
  
  ■ What you can do
  
  · Pick page elements with a click (works inside embedded mini-pages — iframes — too)
  · Spotlight to highlight, with adjustable ring color, thickness, and dim level
  · Text boxes — font, size, color, background, bold/italic, 5 entrance animations
  · 8 shapes — rectangle, ellipse, triangle, diamond, star, callout, line, block arrow
  · Hand-drawn arrows (rough.js)
  · Freehand drawing
  · Step-by-step replay with read-aloud narration (browser voices + Google voices)
  · Detached presenter window (prompter) with step list and keyboard controls
  · Screen recording with "Created with Manuscript" watermark
  · [NEW in v0.6.0] Recording runs from a separate recorder window — it keeps going when your tour moves between pages, so a multi-page tour saves as one continuous video. The window shows the current and next step, the page goes fullscreen after a countdown, and sharing is one dialog (a window + system audio)
  · [NEW in v0.5.0] Edit a step from the prompter — pause and the prompter window doubles as a light editor: rewrite the title and description, switch the action toggle, change the step timer, even nudge each inner element's screen time with the arrow keys. Play replays the edited step from the top
  · [NEW in v0.5.0] Annotation list inside each step card — every step opens a list of every text box, shape, and drawing on it with a small color-accurate preview. Click to open the editor, even across pages
  · [NEW in v0.5.1] Support for sites that switch screens with a query or hash — turn on "Match full URL" in settings and addresses like ?tab=billing or #/reports are treated as distinct pages, so playback starts on the right view and steps move between pages correctly (ordinary sites still ignore tracking parameters)
  · [NEW in v0.4.0] One step can spotlight a sequence of related elements — same description plays while the spotlight walks each in turn. Tours that needed three short steps now fit in one
  · [NEW in v0.4.0] Step-validation — checks every step still matches the page after a redesign and color-codes what's healthy and what needs a re-pick
  · Tap Space mid-recording to pause the tour while the video keeps rolling — chip in with your own commentary, click around, then Space again to resume (v0.3.0)
  · Optional microphone capture — your voice mixes alongside the read-aloud narration into one clean audio track (v0.3.0)
  · 4 palettes (studio / ink / graphite / sepia) + dark mode
  · Picks up the host site's brand colors and fonts automatically so your tour fits in
  · English / Korean UI — follows your browser's language setting
  
  ■ Runtime bridge
  
  Drop a one-line manuscript-bridge.js into any host page and drive replay over postMessage. Embed tours in your own docs, marketing pages, or internal dashboards.
  
  ■ Who it's for
  
  · DevRel and Developer Advocacy — API, SDK, and CLI walkthroughs managed like code
  · Customer Success and Solutions Engineers — per-customer onboarding kept in git
  · Product Managers — executive and sales demos for new features
  · Internal IT — ERP and internal-tool manuals that stay in sync with the UI
  
  ■ Good to know
  
  · Current version v0.6.0. The core is stable; refinements land as users send in feedback.
  · Doesn't run on browser-internal pages (chrome://, edge://) or the web stores themselves (browser policy).
  · Depth-1 same-origin iframes are fully supported; nested and cross-origin iframes are partial.
  · Everything stays on your computer — chrome.storage.local plus the JSON files you export. Nothing ever leaves your machine.
  
  Contact: [email protected]

  Screenshots go stale, and one small UI change means re-recording the whole video. Tours you build with Manuscript don't break when the page changes — click to point, layer notes, press play.
  
  Manuscript is a browser extension for putting together step-by-step product tours, walkthroughs, and user manuals on the web (works on Chromium-based browsers — Chrome, Microsoft Edge, and others). Click the parts of a page you want to highlight, drop a spotlight on each, layer text boxes or hand-drawn arrows, then press play.
  
  ■ What sets it apart
  
  1. Tours that don't break when the page changes
     Manuscript remembers each step's element three ways at once — by stable attribute (data-testid, id, aria-label), then by text and surrounding structure, then by viewport position with nearby words. A renamed class, an edited button label, or a small layout reflow won't make your tour go missing.
  
  2. Your work, in a JSON file
     Every tour is a JSON file you download. Commit it to git, review it in a pull request, version it next to the code it documents. No cloud lock-in.
  
  3. Nothing to install on the site you're documenting
     Manuscript lives in your browser, not in the page. Document your own product, a customer's portal, an internal tool, or any site on the web — without touching a line of its code.
  
  ■ What you can do
  
  · Pick page elements with a click — even inside embedded mini-pages (iframes)
  · Spotlight to draw the eye — adjustable ring color, thickness, and dim level
  · Add text boxes, 8 shapes, hand-drawn arrows, and freehand drawing
  · Step-by-step replay with read-aloud narration (browser voices + Google voices)
  · A detached presenter window with a step list and keyboard controls
  · 4 palettes + dark mode — picks up the host site's brand colors and fonts so your tour fits in
  · English / Korean UI — follows your browser's language setting
  
  ■ Latest
  
  · Undo, redo & format painter — step every panel edit back and forward with Ctrl+Z / Ctrl+Shift+Z, copy one annotation's whole style onto the same kind in a single move, and copy-paste to duplicate fast
  · Remote Library — host tours in a public GitHub repo and teammates pick one from the popup's Remote Library tab to play; one click saves a copy to their own library
  · Screen recording in a separate window — a tour that moves across pages records as one continuous video, your narration and voice on a single track, with a "Created with Manuscript" watermark
  
  ■ Runtime bridge
  
  Drop a one-line manuscript-bridge.js into any host page and drive replay over postMessage. Embed tours in your own docs, marketing pages, or internal dashboards.
  
  ■ Who it's for
  
  · DevRel and Developer Advocacy — API, SDK, and CLI walkthroughs managed like code
  · Customer Success and Solutions Engineers — per-customer onboarding kept in git
  · Product Managers — executive and sales demos for new features
  · Internal IT — ERP and internal-tool manuals that stay in sync with the UI
  
  ■ Good to know
  
  · Current version v0.8.0. The core is stable; refinements land as users send in feedback.
  · Doesn't run on browser-internal pages (chrome://, edge://) or the web stores themselves (browser policy).
  · Depth-1 same-origin iframes are fully supported; nested and cross-origin iframes are partial.
  · Everything stays on your computer — chrome.storage.local plus the JSON files you export. Nothing ever leaves your machine.
  
  Contact: [email protected]

• May 28, 2026
  description

  Manuscript는 웹페이지에서 다단계 시연·매뉴얼·온보딩 가이드를 작성하는 Chrome 확장입니다. 마법봉으로 페이지 요소를 집어 스포트라이트를 씌우고, 텍스트·도형·손그림 화살표를 얹어 스텝별
    시연을 만든 뒤 단계별로 재생합니다.
  
    ■ 다른 도구와 다른 점
  
    1. DOM 셀렉터 3-layer fallback
       안정 속성(data-testid, id, aria-label) → 텍스트+구조 → 좌표+근접 텍스트 순서로 요소를 찾습니다. 페이지가 살짝 바뀌어도(attr 이름이 바뀌거나, 텍스트가 수정되거나, DOM이 재배치돼도)
     매뉴얼이 깨지지 않습니다.
  
    2. JSON 한 파일로 소유
       결과물은 사용자가 다운로드받는 JSON. git에 commit하고, PR에서 diff 보고, 코드와 함께 versioning할 수 있습니다. 클라우드 lock-in 없음.
  
    3. 사이트 코드에 한 줄도 안 들어감
       Chrome 확장 형태라 제품 코드와 분리되어 있습니다. 다른 사람 사이트, 사내 시스템, 외부 SaaS — 어디서나 만들 수 있습니다.
  
    ■ 기능
  
    · 마법봉 element picker (iframe 내부 요소도 선택 가능)
    · 스포트라이트 (링 색·두께·dim 농도 편집)
    · 텍스트 박스 (폰트·크기·색·배경·굵게·기울임·5종 등장 애니메이션)
    · 도형 8종 (사각형/타원/삼각형/마름모/별/콜아웃/선/블록 화살표)
    · 손그림 화살표 (rough.js)
    · 자유 드로잉
    · 스텝별 재생 + TTS 음성 내레이션 (브라우저 기본 음성 + Google 다국어)
    · 별도 presenter 창 (prompter) — 스텝 리스트·키보드 컨트롤
    · 화면 녹화 + "Created with Manuscript" 워터마크
    · 4종 팔레트 (studio / ink / graphite / sepia) + 다크 모드
    · 사이트 색상·폰트 자동 추출해서 팔레트에 추가
    · EN / KO UI
  
    ■ Runtime bridge
  
    호스트 페이지에 `manuscript-bridge.js`를 한 줄 넣으면 postMessage로 시연 재생을 제어할 수 있습니다. 자체 도큐먼트, 마케팅 페이지, 사내 대시보드 어디든 임베드 가능.
  
    ■ 어떤 분께 권장하나
  
    · DevRel / Developer Advocacy — API·SDK·CLI 사용법 문서를 코드처럼 관리
    · CS 매니저 / Solutions Engineer — 고객사별 온보딩 자료를 git에 보관
    · 제품 매니저 — 신기능 출시 시 임원·세일즈팀 데모
    · 사내 IT — ERP·내부 도구 사용법 매뉴얼을 사이트 업데이트와 동기
  
    ■ 알아둘 점
  
    · 현재 closed beta (v0.2.2). 핵심 기능은 안정. 신규 기능은 사용자 피드백 반영해 추가 중
    · chrome:// 페이지, 확장 마켓 페이지에서는 동작 안 함 (Chrome 정책)
    · nested iframe·cross-origin iframe은 일부 제한 (depth-1 same-origin은 정상)
    · 모든 데이터는 사용자 로컬(chrome.storage.local + 사용자가 export한 JSON). 서버 전송 없음
  
    문의: [email protected]

  Manuscript is a browser extension for putting together step-by-step product tours, walkthroughs, and user manuals on the web (works on Chromium-based browsers — Chrome, Microsoft Edge, and others). Click the parts of a page you want to highlight, drop a spotlight on each, layer text boxes or hand-drawn arrows, then press play.
  
  ■ What sets it apart
  
  1. Tours that don't break when the page changes
     Manuscript remembers each step's element three ways at once — by stable attribute (data-testid, id, aria-label), then by text and surrounding structure, then by viewport position with nearby words. A renamed class, an edited button label, or a small layout reflow won't make your tour go missing.
  
  2. Your work, in a JSON file
     Every tour is a JSON file you download. Commit it to git, review it in a pull request, version it next to the code it documents. No cloud lock-in.
  
  3. Nothing to install on the site you're documenting
     Manuscript lives in your browser, not in the page. Document your own product, a customer's portal, an internal tool, or any site on the web — without touching a line of its code.
  
  ■ What you can do
  
  · Pick page elements with a click (works inside embedded mini-pages — iframes — too)
  · Spotlight to highlight, with adjustable ring color, thickness, and dim level
  · Text boxes — font, size, color, background, bold/italic, 5 entrance animations
  · 8 shapes — rectangle, ellipse, triangle, diamond, star, callout, line, block arrow
  · Hand-drawn arrows (rough.js)
  · Freehand drawing
  · Step-by-step replay with read-aloud narration (browser voices + Google voices)
  · Detached presenter window (prompter) with step list and keyboard controls
  · Screen recording with "Created with Manuscript" watermark
  · [NEW in v0.6.0] Recording runs from a separate recorder window — it keeps going when your tour moves between pages, so a multi-page tour saves as one continuous video. The window shows the current and next step, the page goes fullscreen after a countdown, and sharing is one dialog (a window + system audio)
  · [NEW in v0.5.0] Edit a step from the prompter — pause and the prompter window doubles as a light editor: rewrite the title and description, switch the action toggle, change the step timer, even nudge each inner element's screen time with the arrow keys. Play replays the edited step from the top
  · [NEW in v0.5.0] Annotation list inside each step card — every step opens a list of every text box, shape, and drawing on it with a small color-accurate preview. Click to open the editor, even across pages
  · [NEW in v0.5.1] Support for sites that switch screens with a query or hash — turn on "Match full URL" in settings and addresses like ?tab=billing or #/reports are treated as distinct pages, so playback starts on the right view and steps move between pages correctly (ordinary sites still ignore tracking parameters)
  · [NEW in v0.4.0] One step can spotlight a sequence of related elements — same description plays while the spotlight walks each in turn. Tours that needed three short steps now fit in one
  · [NEW in v0.4.0] Step-validation — checks every step still matches the page after a redesign and color-codes what's healthy and what needs a re-pick
  · Tap Space mid-recording to pause the tour while the video keeps rolling — chip in with your own commentary, click around, then Space again to resume (v0.3.0)
  · Optional microphone capture — your voice mixes alongside the read-aloud narration into one clean audio track (v0.3.0)
  · 4 palettes (studio / ink / graphite / sepia) + dark mode
  · Picks up the host site's brand colors and fonts automatically so your tour fits in
  · English / Korean UI — follows your browser's language setting
  
  ■ Runtime bridge
  
  Drop a one-line manuscript-bridge.js into any host page and drive replay over postMessage. Embed tours in your own docs, marketing pages, or internal dashboards.
  
  ■ Who it's for
  
  · DevRel and Developer Advocacy — API, SDK, and CLI walkthroughs managed like code
  · Customer Success and Solutions Engineers — per-customer onboarding kept in git
  · Product Managers — executive and sales demos for new features
  · Internal IT — ERP and internal-tool manuals that stay in sync with the UI
  
  ■ Good to know
  
  · Current version v0.6.0. The core is stable; refinements land as users send in feedback.
  · Doesn't run on browser-internal pages (chrome://, edge://) or the web stores themselves (browser policy).
  · Depth-1 same-origin iframes are fully supported; nested and cross-origin iframes are partial.
  · Everything stays on your computer — chrome.storage.local plus the JSON files you export. Nothing ever leaves your machine.
  
  Contact: [email protected]

• May 28, 2026
  short_description

  DOM-aware Chrome extension for authoring versioned web demos and manuals

  DOM-aware browser extension for authoring versioned web demos and manuals

Permissions & access

Permissions

storageactiveTabscriptingdownloads

Host access

None declared

Screenshots