— DEMO N°03 · DARI · POWERING THIS SITE

One line.
Any site.

한 줄 코드로 어떤 사이트든 자연어로 정의된 AI 챗봇 추가. Claude·Gemini·pgvector 가 한국어 질문을 정확히 이해하고 사이트 콘텐츠 기반으로 답합니다.

Live · 이 사이트 우하단 챗봇이 바로 dari

— BEFORE · 4 PAIN POINTS

Building a chatbot? Painful.

01

₩2,000만+

챗봇 외주 평균

초기 개발만, 학습·운영 별도

02

3-6m

기획→출시 기간

개발자·디자이너·QA 핸드오프

03

0줄

비개발자가 쓸 수 있는 코드

지식·페르소나 변경 매번 의뢰

04

0%

한국어 RAG 정확도 검증

영문 모델 + 영문 벡터 한계

— STEP 01 · SETUP

Define in natural language.

개발자가 아니어도 OK. 봇 이름·페르소나·색상·rate limit 까지 모두 JSON 한 덩어리에서 자연어로 정의. dari 콘솔에서 GUI 로 편집 가능.

DariConfig · JSON

{
  "name": "dari",
  "persona": "정중하고 친근한 안내봇. 한국어 응답.",
  "primaryColor": "#FFB800",
  "knowledge": {
    "urls": ["https://my-site.kr"],
    "files": ["FAQ.md"],
    "text": ["Q: 가격은? A: 9.9만~"]
  },
  "model": "claude-sonnet-4.5",
  "rateLimit": "10/min/IP"
}
  • name위젯 헤더에 표시
  • persona톤·답변 스타일
  • primaryColor런처 + 메시지 amber
  • knowledgeURL/파일/텍스트 3-way
  • modelClaude · Sonnet/Opus/Haiku
  • rateLimit악용 방지 (Upstash Redis)

— STEP 02 · TRAIN

Three ways to teach.

사이트 URL·PDF·직접 텍스트 — 어느 방식으로든 지식 주입. Gemini 임베딩 + pgvector 가 자동으로 의미 벡터화·검색.

01

URL 크롤링

Firecrawl 로 사이트 통째 학습. JS 렌더링도 OK.

💡 https://my-site.kr → 50개 페이지 자동 수집

02

파일 업로드

PDF·TXT·MD 파일. unpdf 로 정확한 텍스트 추출.

💡 FAQ.pdf · 매뉴얼.docx · 정책.md

03

텍스트 직접

FAQ Q&A 처럼 짧은 지식. 즉시 반영.

💡 Q: 환불 정책? A: 7일 이내 100%

RAG 파이프라인

Gemini text-embedding-004 → pgvector ivfflat → Claude 응답

— STEP 03 · EMBED

One line. Anywhere.

생성된 임베드 코드를 사이트 <head> 또는 GTM 한 곳에 붙이면 끝. Shadow DOM 격리라 호스트 사이트 CSS 와 충돌 0.

Embed snippet · 1 line

<script
  src="https://dari-theta.vercel.app/widget.js"
  data-bot-id="my-bot"
  async
></script>

💡 Shadow DOM · CORS * · z-index 2147483000 · 모바일 자동 반응형

Shadow DOM

호스트 CSS 와 격리

CORS *

어떤 도메인에서도 작동

Streaming SSE

타이핑 애니메이션

— STEP 04 · USE · LIVE PROOF

See it now.

💡 Look at the bottom-right corner

지금 우하단을 보세요 ↘

저 amber 동그라미가 바로 dari 입니다. 클릭해서 직접 대화해보세요. 가격·포트폴리오·기술 스택, 무엇이든 물어보면 답합니다 — Claude + dairect 학습 데이터로요.

⚡ 가공된 데모 X · 라이브 운영 챗봇 ✓

Try asking · 추천 질문

  • 가격이 어떻게 되나요?
  • Chatsio 가 어떤 거예요?
  • AI 챗봇 만들고 싶어요
  • 지금 이 챗봇 어떻게 만들어요?
  • 납기 1주일에 가능?
  • 포트폴리오 다 보여주세요

— RESULT

1

Embed code

예시

5min

Setup

예시

97%

한국어 정확도

예시

$0.01/대화

Cost

예시

— N°03 · TRY IT YOURSELF

Want your own?

dari 라이브 사이트에서 직접 봇을 만들거나, 비슷한 챗봇 SaaS 를 우리 사업에 맞게 만들고 싶다면. 둘 다 가능해요.