AI interface primitives / 0.12 alpha.3 · protocol 0.1
Give the web new verbs.
WGD adds small reasoning affordances to the interfaces people already use. No chatbot. No new app shell. Keep your model. Keep your backend.
Open-source React and JavaScript primitives for explainable AI UX, agentic interfaces, recommendation systems, generated content, AI transparency, provenance, and decision-support products.
Search · Evidence
Lowest price in the last 60 days
$135.75 today
Commerce · Why
Recommended for your room
Orchard Lounge Chair
$428
SaaS · Challenge
Account review
Escalate Acme for manual review
Usage ↓ 19% · billing changed
Travel · Compare
Stay near the center
Hotel A
$286
Hotel B
$244
Hotel C
$261
Which tradeoff is worth it?
Forecast · Confidence
Demand forecast
+18%
Seasonality + order velocity
Generated media · Provenance
Room visualizer
Generated concept
Primitive set
Six questions the interface can finally answer.
WGD turns AI reasoning into a small, composable interaction vocabulary for explainable AI interfaces instead of routing every uncertainty into a chat box.
WhyExplain why an AI recommendation, ranking, action, or result appeared.
EvidenceExpose facts, sources, supporting signals, and evidence gaps behind a claim.
CompareSurface alternatives and tradeoffs inside an AI-assisted decision.
ChallengePresent the strongest reasonable countercase to an AI recommendation.
ConfidenceSeparate known information, inference, uncertainty, and calibrated confidence.
ProvenanceShow origin, model inputs, transformations, and generation context.
Works with your AI
WGD is the interface layer, not the model.
Use WGD with OpenAI, Anthropic, Gemini, internal models, AI agents, recommendation engines, deterministic rules, or your existing AI gateway.
Your productExisting UI object
→
WGDReasoning intent
→
Your intelligenceResolver / model / gateway
Five-minute install
One component. Your context. Your resolver.
WGD Protocol v0.1 · live proof — 24/24 conformance checks pass against the production resolver. View live result ↗
npm install @wgd-ai/react@alpha
import { Wgd } from "@wgd-ai/react";
import "@wgd-ai/core/style.css";
<Wgd intent="evidence" context={{ claim: "Lowest price in 60 days" }} config={{ endpoint: "/api/wgd" }}>
Lowest price in 60 days
</Wgd>