Live data, agent targets, generative surfaces.

This page loads the same browser bundle host apps embed. Watch source-bound fields update, or copy a scoped prompt so your local coding agent can render lightcode into this page through the LensUI bridge.

Runtime demo.

Live source values update in place. The demo polls a public time API every few seconds, then pushes source snapshots into the existing LensUI surface.

No resend loop.The iframe below polls a public API and uses `window.lensStage.setSource(...)` to update existing bindings.

Live agent target.Paste these instructions into Claude Code or another local agent.

idle

lensIDpendingtokenpendingmessages0

You are controlling a live LensUI container in the user's browser.

Target:
- lensID: pending
- bridge: http://127.0.0.1:5743
- auth: Bearer pending

Setup:
1. Read the LensUI agent skill from the npm package:
   npx -y --package @ardabot/lensui@latest lensui skill > LENSUI_SKILL.md
   Read LENSUI_SKILL.md and follow it when generating lightcode.
2. If the bridge is not already running, start it in a background terminal:
   npx -y --package @ardabot/lensui@latest lensui bridge --port 5743

First render, to prove the connection works:
curl -X POST http://127.0.0.1:5743/lens/pending/render \
  -H "authorization: Bearer pending" \
  -H "content-type: application/json" \
  --data "{\"lightcode\":\"0F|st=mono|f=mono|d=compact\\n0V|Hello from your agent|Live LensUI target\\n1G|auto|min=180|max=3\\n2M|Bridge|connected|local\\n2M|Payload|lightcode|compact\\n2M|Target|scoped|secure\\n1T|This surface was rendered through the local LensUI bridge.\"}"

After that, keep rendering compact LensUI lightcode to the same endpoint. Use semantic LensUI nodes, not HTML/React/CSS, unless you explicitly save a trusted component.