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