x12i · UI Data Mapper
Map a rendered UI to metadata
Connect object and UI metadata to the DOM you already have — with visible links, recurring templates, and an agent-ready knowledge pack.
npm
Install for agents & tooling
Knowledge SDK — install as a devDependency only (not a production runtime).
npm i -D @x12i/ui-data-mapper-docsThree ways in
The mapper
Standalone app that loads ui.html + data.json + mapping.json and draws live connectors between metadata and the rendered UI.
Chrome capture
Extension that freezes any live tab into a self-contained ui.html — no source, no rebuild.
Embeddable component
Same engine as a React panel you mount inside another product's layout.
Start here
View full catalog →Technical contract
Narrative guides live in this Docify library. For the exact mapping.json shape and source layout, see the repository README and PROJECT-NOTES.md.
UI Data Mapper makes the connection between a screen and its meaning an explicit, inspectable artifact — not tribal knowledge.