Grounded answer

근거 기반 답변

Connect each claim in an answer to a verifiable source fact.

···
html
<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>
css
.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}}

A grounded answer allows generated claims to be checked against reliable source material. A citation badge alone does not make every sentence accurate.

The demo links two fact cards to answer claims. A delivery time absent from the sources changes to a warning.

In practice, verify volatile facts such as prices, policies, and inventory first, and check when the source was updated.

When to use

Use it to review factual errors and source mismatches in AI answers.

Open as page ↗