Claude — BYOK, 백엔드 없음, 4개의 구조화된 검사를 사용하여 무료 클라이언트 측 팩트 검사기를 만들었습니다.

작성자

카테고리:

← 피드로
DEV Community · Sean · 2026-06-25 개발(SW)
Cover image for I built a free, client-side fact-checker using Claude — BYOK, no backend, four structured checks

Sean

The problem

Most fact-checking tools give you a verdict without explaining the reasoning. That’s not useful long-term — users get an answer but no framework for thinking about the next headline themselves.

What I built

Reality Check runs four independent checks on any headline using Claude with live web search:

  • Source Check — who created this, is the source credible?
  • Evidence Check — what evidence supports the claim, can it be verified?
  • Context Check — is this recent and in its original context?
  • Emotional Check — is the framing designed to manipulate rather than inform?

Each check returns a verdict and reasoning. An overall credibility score from 0–100 summarizes the full picture.

Architecture

Fully client-side. No backend server. No database. No serverless functions operated by me.

BYOK — users supply their own Anthropic API key. It lives only in React component state, never written to localStorage or cookies. Cleared on page close. API calls go browser → api.anthropic.com directly using the anthropic-dangerous-direct-browser-access header.

Stack: React 18 + Vite, Tailwind CSS, claude-sonnet-4-6 with the web_search_20250305 tool (capped at 2 searches per analysis).

Live example

Tested on: “Senate Passes Resolution Directing Trump to End Hostilities With Iran”

Score: 88/100 — Likely Reliable. Source and Evidence both Looks OK (confirmed by NBC, CBS, NPR, PBS, ABC, AP). Context and Emotional flagged as Use Caution — the word “Directs” implies legal compulsion but the resolution is actually symbolic and non-binding. Concept Spotlight: Clickbait.

Technically accurate. Deliberately misleading framing. The tool catches the difference.

Links

원문에서 계속 ↗

코멘트

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다