Playground
Todo lo que tu página y tu compañero pueden hacer juntos
El asistente real está acoplado en esta página. Elige un instrumento, presiona sus controles y observa cómo reacciona el panel — luego copia el código exacto que lo hizo. Sin cuenta, sin nada que instalar.
Cada control se ejecuta en el widget en directo; cada fragmento es la línea que tu propio sitio usaría.
Muestra, oculta e invierte el panel; fija su esquema de color e idioma antes de que el visitante lo vea.
Una etiqueta lo monta; cuatro llamadas lo controlan — sin iframe propio que dimensionar, sin estado propio que mantener.
Pruébalo
El widget aún se está cargando — los controles se activan en cuanto llegue.
El código que hace esto
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();Paso 1 de 9
Pon tu compañero en tu sitio
Una etiqueta, cada instrumento arriba, abajo, bajo tu propio nombre.
claude mcp add --transport http busymate-ai https://busymate.ai/mcp