# Show GN: Manuscript – 페이지가 바뀌어도 안 깨지는 웹 시연·매뉴얼 만드는 브라우저 확장

> Clean Markdown view of GeekNews topic #29991. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=29991](https://news.hada.io/topic?id=29991)
- GeekNews Markdown: [https://news.hada.io/topic/29991.md](https://news.hada.io/topic/29991.md)
- Type: show
- Author: [zendy](https://news.hada.io/@zendy)
- Published: 2026-05-30T00:07:59+09:00
- Updated: 2026-05-30T00:07:59+09:00
- Original source: [zendy00.github.io](https://zendy00.github.io/manuscript-pages/)
- Points: 1
- Comments: 0

## Topic Body

웹페이지 위에서 단계별 시연·매뉴얼·온보딩 가이드를 만드는 브라우저 확장입니다 (Chrome·Edge). 강조할 요소를 클릭으로 집어 스포트라이트·메모·손그림 화살표를 얹고 재생합니다.  
  
  만들 때 두 가지에 초점을 뒀습니다. 기존 도구들은 페이지가 조금만 바뀌면 가이드가 깨지고, 결과물이 클라우드에 갇혀 버전 관리가 어렵습니다. 이 두 가지를 다르게 풀고 싶었습니다.  
  
  #### 다른 점  
  - **잘 안 깨집니다.** 각 단계의 요소를 3단으로 기억합니다 — 안정 속성(data-testid·id·aria-label) → 텍스트·주변 구조 → 좌표·인접 글자. 하나가 어긋나면 다음 층으로 폴백.  
  - **결과물은 JSON 한 파일.** git에 commit하고 PR로 diff 검토하고 코드 옆에 두고 관리합니다. 클라우드 lock-in 없음.  
  - **대상 사이트 코드는 안 건드립니다.** 확장이 브라우저 안에서만 동작해서 내 제품·고객사·외부 SaaS 어디서든 만들 수 있습니다.  
  
  읽어주는 안내(TTS), 발표자 창, 화면 녹화, GitHub 리포로 시나리오 공유 기능도 있습니다.  
  
  - 스토어: https://chromewebstore.google.com/detail/manuscript/feihbocomfcdghadlmnmkamehfkmdall  
  - 소개: https://zendy00.github.io/manuscript-pages/

## Comments



_No public comments on this page._