Playground
Everything your page and your mate can do together
The real assistant is docked on this page. Pick an instrument, press its controls, and watch the panel react — then copy the exact code that did it. No account, nothing to install.
Every control runs against the live widget; every snippet is the line your own site would use.
Show, hide and flip the panel; pin its colour scheme and language before the visitor sees it.
One tag mounts it; four calls drive it — no iframe of your own to size, no state of your own to keep.
Try it
The widget is still loading — the controls wake up as soon as it lands.
The code that does this
index.htmlhtml
<!-- ONE tag mounts the launcher + the panel on any page. -->
<script
src="https://busymate.ai/embed/v1.js"
data-assistant="your-workspace-slug"
data-label="Ask us"
data-title="Assistant"
data-aria-label="Open the assistant"
async></script>panel.jsjavascript
// The loader installs window.BusymateAI. Every call is safe before the frame
// has loaded — commands queue and deliver on load.
BusymateAI.open();
BusymateAI.close();
BusymateAI.toggle();
BusymateAI.isOpen(); // → true | falsepreset.jsjavascript
// Preset the panel from the page: colour scheme + language.
// Neither is persisted by the frame — your page owns them while it embeds it.
BusymateAI.setTheme("dark"); // "light" | "dark" | "system"
BusymateAI.setLocale("de"); // any BCP 47 tag the platform serves
BusymateAI.setLocale(null); // unpin — the frame follows the visitor again
BusymateAI.open();push.htmlhtml
<!-- Opt in to the page making room for the panel instead of being
covered by it. Above 1100px only; phones and tablets never move. -->
<script
src="https://busymate.ai/embed/v1.js"
data-assistant="your-workspace-slug"
data-layout="push"
async></script>
<style>
/* A FULL-BLEED block is anchored to the viewport, so root padding cannot
narrow it. Give it the exact page width the loader publishes instead. */
html[data-bmai-chat-reserve] .full-bleed {
width: var(--bmai-chat-page-width);
margin-left: calc(50% - var(--bmai-chat-page-width) / 2);
}
</style>Step 1 of 9
Put your mate on your site
One tag, every instrument above, under your own name.
claude mcp add --transport http busymate-ai https://busymate.ai/mcp