임베딩
부서 문서 검색기
해결하는 문제
망분리 PC에서 부서 문서를 뜻으로 검색하고 싶다.
문서를 문단으로 나눠 뜻을 숫자 묶음(벡터)으로 바꿔 저장하고, 질문과 뜻이 가까운 문단을 찾습니다. 서버가 필요 없습니다.
서버 의존도
외부 라이브러리나 AI 모델을 CDN에서 받아 옵니다. 서버는 필요 없고, 오프라인용은 ./libs/에 넣어 둡니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것부서 문서 폴더
브라우저가 하는 일문단마다 의미 벡터를 만들어 IndexedDB에 저장
나오는 것질문과 뜻이 가까운 문단 목록
쓰는 브라우저 기술
IndexedDBWeb WorkerWebAssembly
라이브러리와 모델
ternlight (의미 임베딩)JSZip
바꿀 수 있는 옵션
- 문단을 자르는 길이
- 검색 결과 개수
- 벡터 저장 방식
자주 막히는 곳
- 문서가 많으면 처음 색인 만들기에 시간이 오래 걸린다
- 문단을 너무 길게 자르면 검색 정확도가 떨어진다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 서버 없는 사내 문서 질의응답
- 규정 검색 비서
웹 서비스
- 망분리 PC 문서 검색
피지컬 AI
- 장비 매뉴얼에 말로 묻는 키오스크
넓히는 방법
- 찾은 문단으로 로컬 AI가 답변 (RAG)
- hwpx 추출기와 연결
지원 브라우저
PC 크롬·엣지된다
맥 사파리된다
안드로이드 크롬된다
아이폰 사파리된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
폴더의 문서를 문단으로 나눠 브라우저 안에서 의미 임베딩을 만들고 IndexedDB에 저장해서, 뜻으로 검색하는 웹페이지를 만들어줘.
같은 분류의 능력
04 브라우저 속 AI에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md