๐Ÿงช Export Playground

Interactive demo of ExportToLLMButton for agent-ready capsules

Why Export Capsules Matter

Stop copy-pasting broken data into ChatGPT. Export buttons create structured, signed capsules that agents can understand perfectly โ€” with full context, metadata, and trust verification.

Learn the Concept
๐Ÿ‘จโ€๐Ÿ’ป Developer๐Ÿ‘จโ€๐Ÿ’ผ CTO๐Ÿ‘ฉโ€๐Ÿ’ผ Product Manager๐Ÿ›ก๏ธ Security Officer

1๏ธโƒฃ Live Page Export

Export this page content into an agent-ready capsule with full DOM structure.

What it does: Captures current page with structure, metadata, and context. Solves the "copy-paste loses everything" problem.

Live dashboards & documentation
Full structure + metadata preserved
Perfect for dynamic content
Browser-based generation

2๏ธโƒฃ Static Signed Exports

Pre-generated capsules with cryptographic signatures and trust levels.

What it does: Serves pre-built, cryptographically signed capsules. Perfect for documentation, APIs, and enterprise scenarios.

Works offline, no browser needed
Cryptographic verification
Build-time optimization
Enterprise compliance ready

๐Ÿ”“ Basic Export (unsigned)

๐Ÿ” Signed Export (verified)

๐Ÿ† Certified Export (enterprise)

3๏ธโƒฃ Dynamic API Exports

Server-generated capsules with personalized content and API credentials.

What it does: Generates personalized agent capsules on-demand. Ideal for user-specific data, API keys, and dynamic contexts.

Personalized agent contexts
Secure API credential packaging
Real-time data integration
Backend recipe system

๐Ÿ“Š Dynamic Content Export

๐Ÿ”‘ API Credential Capsule

4๏ธโƒฃ Advanced Developer Features

Enhanced capabilities for developers and enterprise integration.

Developer Mode (curl commands + direct URLs)

Perfect for automation, CLI integration, and API workflows.

Preview Mode (inspect before download)

Validate feed content, metadata, and trust level before exporting.

Style Variants

Different visual styles for different contexts and integrations.

Enterprise Integration Example

Real-world example combining multiple features for enterprise usage.

โœจ Includes: preview modal, developer tooltips, analytics tracking, smart caching, retry logic, and comprehensive metadata.

๐Ÿ’ป Integration Code

<ExportToLLMButton 
  context="dynamic"
  dynamicId="my-recipe"
  variant="developer"
  showPreview={true}
  showFeedSize={true}
  showCurlCommand={true}
  enableAnalytics={true}
  customLabel="Smart Export"
/>

๐Ÿค– Agent Testimonials

Independent analysis from AI agents using live export capsules

Claude AI

Agent analysis via export capsule

"This approach represents an interesting evolution beyond basic API integrations โ€” it's essentially creating a standard for how websites can package their content specifically for AI agent consumption, while maintaining structure and adding verification."

๐Ÿ“ฅ Generated by agent reading live capsule with no human context

ChatGPT

Direct capsule analysis

"Your approach is relevant, innovative, technically sound and strategically well positioned to solve a real need. The interest is obvious, and the potential for adoption is high."

๐Ÿ“ฅ Generated from export capsule, no additional context provided

Grok AI

Export capsule evaluation

"The ExportToLLMButton is a clever solution to the messy copy-paste problem. It packages webpage data into structured, signed capsules that AI agents can easily ingest, preserving context and metadata."

๐Ÿ“ฅ Autonomous agent reading live capsule, no external prompt

DeepSeek AI

Capsule-based assessment

"This solves a real problem: humans often copy-paste poorly structured data into LLMs, leading to degraded performance. The system proposes structured, machine-readable capsules with built-in trust and verification."

๐Ÿ“ฅ Generated from export capsule with no external prompt

Ready to Make Your Site Agent-Ready?

Export buttons are the foundation of agent-web interoperability. Start with the basics, then scale to enterprise features as your needs grow.