Interactive web visualizer for AEO Protocol declarations. Paste any /.well-known/aeo.json document — or write one in the JSON editor — and see entity, authority, claims, and citation preferences rendered as a clean card layout.
Live: https://aeo.kineticgain.com
- Explore view — entity card on the left, authority + verifications on a dark slate panel, claims grid on the right with expandable cards showing evidence and confidence
- JSON Editor — paste any AEO document and re-visualize in real time
- About — Three Pillars of AEO (Declare, Discover, Audit) with a one-page explainer
Append ?view=visualizer | editor | about to deep-link any view:
https://aeo.kineticgain.com?view=editorhttps://aeo.kineticgain.com?view=about
npm install
npm run devVisits to http://localhost:3000 open the visualizer with the reference Person example pre-loaded.
- React 19 + TypeScript
- Vite 6
- Tailwind CSS 4
- Motion (Framer)
- Lucide icons
Zero runtime dependencies beyond the above — no API keys, no external services.
The bundled GitHub Actions workflow (.github/workflows/deploy.yml) builds and publishes to GitHub Pages on every push to main. Forking and re-deploying is one config change:
- Fork
- Settings → Pages → Source: GitHub Actions
- Edit
vite.config.tsbaseif you fork under a different repo name - Push to
main→ live URL announced in the workflow run
| Spec | Implementation |
|---|---|
| AEO Protocol | aeo-sdk-python · aeo-sdk-typescript · aeo-sdk-rust · aeo-sdk-go · aeo-sdk-swift · aeo-cli · aeo-crawler · mcp-aeo-server · aeo-visualizer (this) |
| Prompt Provenance | — |
| Agent Cards | — |
| AI Evidence Format | — |
| MCP Tool Cards | — |
AGPL-3.0. Adapted from the Google AI Studio applet of the same concept.
Connect: LinkedIn · Kinetic Gain · Medium · Skills