LanguageModel
크롬에 내장된 AI (Prompt API)
해결하는 문제
API 키도 서버도 없이 브라우저만으로 AI 기능을 넣고 싶다.
크롬 안에 들어 있는 작은 AI 모델(Gemini Nano)을 LanguageModel.create() 한 줄로 부릅니다. 데이터가 기기 밖으로 나가지 않습니다.
서버 의존도
서버 없이 브라우저 기본 기능만 씁니다.
브라우저만브라우저 + CDN브라우저 + API 키브라우저 + 엣지 함수서버 필요
데이터가 흐르는 길
무엇이 들어와서 브라우저 안에서 어떻게 바뀌어 나가는지 정리했습니다.
들어오는 것질문이나 문서
브라우저가 하는 일기기 안의 내장 모델이 처리
나오는 것답변, 요약, 번역
쓰는 브라우저 기술
Prompt API (LanguageModel)Summarizer·Translator API
라이브러리와 모델
외부 라이브러리 없이 브라우저 기본 기능만 씁니다.
바꿀 수 있는 옵션
- 시스템 프롬프트
- 응답 흐름(스트리밍)
- 모델 준비 상태 확인
자주 막히는 곳
- 데스크톱 크롬에서만 되고 모델을 처음 한 번 내려받아야 한다
- HTTPS나 localhost에서만 되며 더블클릭으로는 안 된다
- 한국어 지원은 제한적이다
이 능력으로 만들 수 있는 서비스
같은 기술을 AI 서비스, 웹 서비스, 피지컬 AI로 넓힌 예시입니다.
AI 서비스
- 개인정보가 나가지 않는 요약·분류
웹 서비스
- 서버 비용 없는 AI 기능
피지컬 AI
- 오프라인 장비 화면의 도움말 AI
넓히는 방법
- 오프라인 문서 요약 버튼
- 입력 폼 자동 정리
지원 브라우저
PC 크롬·엣지된다
맥 사파리안 된다
안드로이드 크롬안 된다
아이폰 사파리안 된다
코딩 에이전트에게 줄 프롬프트
복사해서 Claude, Codex, Cursor 같은 코딩 에이전트에 그대로 붙여 넣습니다.
크롬 내장 Prompt API로 붙여 넣은 글을 세 줄로 요약하는 웹페이지를 만들어줘. 지원하지 않는 브라우저에서는 안내 문구를 보여줘.
같은 분류의 능력
04 브라우저 속 AI에 속한 다른 능력입니다.
무료로 보는 것
체험 페이지, 한 줄 설명, 미리보기 영상
스킬팩 구성
full.html, skill.md, prompt.md, rules.md, customize.md, troubleshooting.md, 예시 데이터, agent-instructions.md