skills.rest
ziyu
ziyuCOMMUNITY
Explore all skills by this author →
GitHub

agent-bridge-guest-app

Generate AgentBridge guest app HTML and JavaScript for sandboxed iframes.

Updated Mar 15, 2026
Search Tags:#sdk#iframe#guest app#agentbridge#bridgeclient#tool ui
One-click install
npx skills add https://github.com/ziyu/agent-bridge --skill agent-bridge-guest-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agent-bridge-guest-app
Source: https://github.com/ziyu/agent-bridge/tree/main/.agents/skills/agent-bridge-guest-app
Command: npx skills add https://github.com/ziyu/agent-bridge --skill agent-bridge-guest-app

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the creation of interactive, AI-controllable web applications that run within the AgentBridge framework, enabling seamless communication between AI agents and user interfaces.

Core Features & Use Cases

  • Guest App Generation: Creates self-contained HTML+JS guest applications for sandboxed iframes.
  • Action Registration: Defines capabilities (actions) that AI agents can invoke via tool-calling.
  • SDK Integration: Provides templates and guidance for using the BridgeClient SDK for communication.
  • Use Case: Develop a dynamic calculator widget where an AI can call a calculate action to evaluate mathematical expressions, with the results displayed in the widget.

Quick Start

Generate an AgentBridge guest app HTML template with a 'calculate' action that evaluates math expressions.

Frequently Asked Questions about agent-bridge-guest-app

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build an AI-controllable web UI inside a sandboxed iframe?▼

To build an AI-controllable web UI inside a sandboxed iframe, you generate self-contained HTML and JavaScript guest applications using the AgentBridge framework and BridgeClient SDK.

How do I register actions in a guest app for AI agents to call?▼

You register actions in a guest app by defining capabilities within the generated HTML and JavaScript code, allowing AI agents to invoke specific functions via tool-calling through the BridgeClient SDK.

What is the BridgeClient SDK used for in iframe tool UIs?▼

The BridgeClient SDK facilitates communication between AI agents and user interfaces, providing the necessary templates and integration logic to wire interactive elements within sandboxed iframe content.

Can I dynamically generate and mount guest applications at runtime?▼

Yes, you can dynamically generate and mount guest applications at runtime, enabling the creation of interactive widgets like a calculator that evaluates mathematical expressions and displays results directly in the iframe.

Does AgentBridge require specific dependencies for creating tool UIs?▼

No specific external dependencies are required to start creating AI-callable tool UIs, as the Skill generates the necessary self-contained HTML and JavaScript code integrated with the BridgeClient SDK.

What is the best way to wire AI agent communication to a custom web widget?▼

The best way to wire AI agent communication to a custom web widget is by using the BridgeClient SDK to register actions, enabling seamless interaction between the AI agent and the sandboxed iframe content.

Related Skills

Explore More Software Engineering Skills→
omerakbenomerakben
1

canvas-code-execution

Execute Python and JavaScript code securely in a sandboxed Canvas environment.

Community
Advanced
onEnterFrameonEnterFrame

alignment-protocol

Build, test, and deploy AI arena agents for turn-based hex-grid competition.

Community
Intermediate
ricardorochericardoroche
2

agent-orchestration-patterns

Standardize Pydantic tool schemas and agent state for multi-agent orchestration.

Community
Intermediate
briosoemiliobriosoemilio

tailwindcss

Style web interfaces with utility-first Tailwind CSS classes.

Community
Advanced