javascript:
즐겨찾기 버튼 도구 (북마클릿)
해결하는 문제
콘솔에 코드를 매번 붙여 넣기 번거롭다.
콘솔 코드를 즐겨찾기 주소로 저장해, 버튼 한 번으로 어느 사이트에서나 실행합니다.
서버 의존도
서버 없이 브라우저 기본 기능만 씁니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것지금 보고 있는 페이지
브라우저가 하는 일즐겨찾기를 누르면 코드 실행
나오는 것표 추출, 글자 수 세기 같은 결과
쓰는 브라우저 기술
javascript: 주소DOMClipboard API
라이브러리와 모델
외부 라이브러리 없이 브라우저 기본 기능만 씁니다.
바꿀 수 있는 옵션
- 코드 압축(한 줄로)
- 외부 스크립트 불러오기 여부
자주 막히는 곳
- 보안 정책(CSP)이 엄격한 사이트에서는 실행이 막힌다
- 모바일 브라우저는 즐겨찾기 실행이 불편하다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 선택한 글을 AI로 요약하는 버튼
웹 서비스
- 업무용 버튼 도구 모음
피지컬 AI
- 장비 관리 화면 값 일괄 복사 버튼
넓히는 방법
- Shadow DOM 팝업 도구
- 로컬 AI 연결 (Ollama)
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬일부
아이폰 사파리안 된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
누르면 지금 페이지의 모든 표를 CSV로 내려받는 북마클릿 코드를 한 줄로 만들어줘.
같은 분류의 능력
06 브라우저 자동화·수집에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md