근거 기반 답변은 생성된 문장을 신뢰할 수 있는 자료와 대조할 수 있게 만든 답변입니다. 출처가 붙었다는 사실만으로 문장 전체가 정확해지는 것은 아닙니다.
데모에서는 사실 카드 두 장과 답변 문장을 선으로 연결합니다. 근거에 없는 배송 기간은 경고로 바뀝니다.
실무에서는 가격, 정책, 재고처럼 변하기 쉬운 사실을 우선 검증하고 원문 갱신 시점도 확인하세요.
언제 쓰나
AI 답변의 사실 오류와 출처 불일치를 검수할 때 씁니다.
근거 기반 답변
Grounded answer
답변의 각 주장과 확인 가능한 원문 사실을 연결합니다.
···
<div class="scene ground"><div class="facts"><div class="panel">POLICY <b>Returns: 30 days</b></div><div class="panel">SPEC <b>Weight: 1.2 kg</b></div></div><div class="connections"><span>↘</span><span>↙</span></div><div class="panel claims"><div>✓ <b>30-day returns</b> <small>SOURCE MATCH</small></div><div>✓ <b>1.2 kg</b> <small>SOURCE MATCH</small></div><div id="claim">? <b>Next-day delivery</b> <small>NO SOURCE</small></div></div></div>.scene{width:min(92%,680px);max-height:94%;font:700 clamp(10px,max(1.7vmin,1vw),15px)/1.3 sans-serif;color:var(--fg)}.label{font:900 clamp(10px,max(1.3vmin,1vw),12px)/1 sans-serif;letter-spacing:.12em;color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);padding:clamp(8px,2vmin,18px)}.muted{color:var(--muted)}.accent{color:var(--accent)}.row{display:flex;align-items:center;gap:clamp(5px,1.2vmin,10px)}.pill{display:inline-block;padding:.35em .6em;border:1px solid var(--line);border-radius:30px}button{cursor:pointer;font:inherit}@media(min-width:700px){.scene{transform:scale(1.5)}}.ground{max-width:560px}.facts{display:flex;gap:8px}.facts .panel{flex:1;display:grid;gap:4px;color:var(--muted);font-size:clamp(10px,max(1.2vmin,1vw),12px)}.facts b{color:var(--fg);font-size:clamp(10px,max(1.9vmin,1vw),16px)}.connections{display:flex;justify-content:space-around;color:var(--accent);font-size:clamp(15px,3vmin,25px)}.claims{display:grid;gap:clamp(4px,1vmin,8px)}.claims>div{display:flex;align-items:center;gap:7px;border-left:3px solid #40a482;padding:clamp(4px,1vmin,8px);background:color-mix(in srgb,#40a482 10%,var(--surface));font-size:clamp(10px,max(1.7vmin,1vw),15px)}.claims small{margin-left:auto;color:var(--muted);font-size:clamp(10px,max(1.1vmin,1vw),12px)}.claims #claim{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));animation:flag 3s infinite}@keyframes flag{0%,20%{opacity:.35}40%,90%{opacity:1}100%{opacity:.35}}