YOHANSTUDIO
← SHOWROOM INDEX
AI Workflow2026

SnapContext

화면 캡처에 맥락을 묶어 AI에 바로 넘기는 크롬·웨일 확장.

문제

AI에게 화면을 설명하려면 캡처 말고도 주소·화면 크기·브라우저 정보를 매번 따로 챙겨야 했다.

해결

캡처하는 순간 화면·출처·핀 주석을 한 묶음으로 정리해 AI에 붙여넣거나, 로그인 없는 7일 링크로 공유한다.

결과

0.3.0 원격 MCP 서버 출시 — Claude Code·Cursor가 캡처를 직접 조회. 0.2.0을 크롬·웨일 스토어에 발행, 캡처 4모드 + 로그인 없는 익명 공유.

사용 기술

TypeScriptChrome ExtensionManifest V3

링크

Live / Demo →

자주 묻는 질문

로그인해야 쓰나요?

아니요. 캡처와 AI 프롬프트 생성은 로그인 없이 되고, 공유 링크도 계정 없이 만들어집니다.

공유 링크는 얼마나 유지되나요?

7일 뒤 자동으로 만료되고 서버에서도 삭제됩니다.

캡처가 Claude Code 안으로 들어왔다 — SnapContext 0.3.0 썸네일
캡처가 Claude Code 안으로 들어왔다 — SnapContext 0.3.0

브라우저 캡처 도구에 원격 MCP 서버를 붙였다. 확장 코드는 한 줄도 안 고치고 도구 3종을 얹어, 적대 검증 4라운드를 통과하고 AI 코딩 도구와 연결한 기록.

SnapContext 0.2.0 — 디자인을 새로 하고, 로그인 없는 공유를 넣었다

화면을 캡처하면 AI에 바로 넘길 수 있게 정보를 함께 묶어 주는 크롬·웨일 확장 SnapContext. 0.2.0에서 작업 창을 새로 디자인하고, 로그인 없이 링크로 공유하는 기능을 넣었다. 왜 만들었고 무엇을 바꿨는지 정리했다.

아이디어 4개를 합쳐 18일 만에 Chrome·Whale 스토어에 제출한 이야기 썸네일
아이디어 4개를 합쳐 18일 만에 Chrome·Whale 스토어에 제출한 이야기

산발적인 아이디어 4개를 하나로 합치고, 18일 만에 v0.1.3까지 개발해서 Chrome Web Store와 Whale Store에 동시 제출했다. 바이브코더의 리얼 빌드 기록.