agent-readable demo links

Your agent is guessing
from screenshots.

share links publish machine-readable steps so Claude Code, Cursor, and other agents can parse your UI workflow instead of hallucinating from screenshots.

✓ You're on the list. We'll reach out when it's ready.

Early access. No spam.

works with → Claude Code Cursor Windsurf ChatGPT 🦞 OpenClaw any agent with web access
without Layerpath
what your agent sees
> "explain this workflow"

context attached:
[step-1.png] 2.3mb
[step-2.png] 2.1mb
[step-3.png] 1.9mb

↳ "There appears to be a button
   on the left... possibly a form...
   I cannot confirm the steps."
Layerpath
link
with Layerpath link
what your agent sees
> "explain this workflow"

context from link:
step_01 Click 'Add Contact'
   coords(120,340) · rect 100×32 · dpr:2
step_02 Fill in contact details
   coords(320,480) · rect 240×36 · dpr:2
step_03 Click 'Save contact'
   coords(890,620) · rect 120×32 · dpr:2

↳ "Step 1 (step_01): Click 'Add Contact'
   at (120, 340), rect 100×32, dpr 2..."
how it works

Record once. Share a link
agents can actually read.

01

Record your workflow

Record your workflow in Layerpath. Each click captures a screenshot, element label, and coordinates automatically.

02

Share link becomes context

Every public share link exposes ?format=md (clean markdown) + JSON-LD structured data: step IDs, element labels, click targets, viewport, and DPR.

03

Agents take it from there

Paste the link into Claude Code, Cursor, or any agent. One sentence per output: SOP, help article, voiceover script, translated copy, alt text, follow-up email. No re-explaining, no screenshots.

proven in one session

One URL. One sentence each.
Nine real outputs.

anyone
"Walk me through this workflow step by step and answer my questions"
Full breakdown with context and a UX audit you didn't ask for. Paste the link into Claude, ChatGPT, or any agent. No Loom. No call. No you.
anyone
"Turn this into a standard operating procedure"
SOP with prerequisites, step table, audience talk tracks, and failure modes. Ready to send.
anyone
"Write a help center article based on this"
Production HTML with sidebar nav, callout blocks, troubleshooting table, and a feedback widget.
anyone
"Write a follow-up email for a prospect who just watched this"
ICP-aware variants. Correctly identified the training buyer, not the sales demo buyer.
anyone
"Translate all step titles to Spanish"
All steps localized in one prompt. Works because step titles are sentence-like, not raw DOM labels.
anyone
"Write alt text for every screenshot in this demo"
Functional accessibility descriptions derived from step metadata. Works even when the CDN is inaccessible.
anyone
"Write a voiceover script timed to this demo"
Script with silence windows mapped to video clip durations. Claude flagged a timing mismatch we didn't catch manually.
builder
UI change detection on a schedule
Agent fetches ?format=json, screenshots at stored coordinates, diffs against baseline. Alerts if anything moved.
builder
Automated regression testing
Every demo becomes a test case. Agent runs it against staging, compares screenshots at exact coordinates, flags broken steps before customers find them.
example output

What agents actually receive

markdown endpoint GET /share/abc123?format=md
--- demo_id: abc123 title: How to add a contact app_url: app.hubspot.com steps: 6 --- ## step_01: Click 'Add Contact' Navigate to Contacts and click Add Contact. ![step 1](cdn.layerpath.com/s/step-1.png) `coords(120,340) · viewport(1440×900) · dpr:2` ## step_02: Activity clip (4.09s) Screen recording between interactions. ![clip](cdn.layerpath.com/s/clip-1.webm) `clip · start:1.87 · end:5.96 · duration:4.09s`
structured data JSON-LD in <head>
{ "@context": "https://schema.org", "@type": "HowTo", "name": "How to add a contact", "step": [ { "@type": "HowToStep", "position": 1, "name": "Click 'Add Contact'", "target": {"x":120,"y":340,  "rect":{"top":294,"left":562,   "width":100,"height":32}}, "viewport":{"width":1440,"height":900,"dpr":2} } ] }

Built for builders
living in agentic tools.

Get early access when it ships. One email, no spam.

✓ You're on the list. We'll reach out when it's ready.

Early access. No spam.

Claude Code Cursor Windsurf ChatGPT 🦞 OpenClaw any agent with web access