Binksy LogoNext — MCP / Agents IA

Un agent IA (agent du navigateur, Claude Code, Codex, Hermes, OpenCode…) peut piloter Binksy LogoNext sans cliquer dans l'interface, grâce à l'objet window.BinksyAPI présent dans la page et, quand le navigateur le permet, aux outils WebMCP. Tout se passe dans l'onglet : chaque appel utilise les mêmes fonctions que l'interface, met l'écran à jour et déclenche l'enregistrement automatique.

1. Ce que l'agent peut faire

Outil WebMCP	Méthode	Rôle
`logonext_describe`	`BinksyAPI.describe()`	Décrit l'app et liste les outils (schémas JSON).
`logonext_etat`	`BinksyAPI.getState()`	État courant : marque, mode, versions, palette, variantes, formats, QR.
`logonext_importer`	`BinksyAPI.importer()`	Importe 1 à 8 SVG ou un projet .binksy / .binksynext.
`logonext_exporter`	`BinksyAPI.exporter()`	Exporte le ZIP des formats, le projet .binksynext ou un fichier du ZIP (base64).
`logonext_catalogue`	`BinksyAPI.catalog()`	Catalogue des groupes, formats, tailles, modes, préréglages.
`logonext_plan`	`BinksyAPI.plan()`	Liste ce que l'export produira, sans rien rendre.
`logonext_definir_marque`	`BinksyAPI.setBrand()`	Nom de la marque (préfixe des fichiers).
`logonext_definir_mode`	`BinksyAPI.setMode()`	Mode Essentiel ou Complet.
`logonext_definir_palette`	`BinksyAPI.setPalette()`	Palette de la marque (8 couleurs max).
`logonext_definir_variantes`	`BinksyAPI.setVariants()`	Coche / décoche les variantes de couleur.
`logonext_definir_formats`	`BinksyAPI.setFormats()`	Préréglage (site, shop, app, all) et formats ou groupes on/off.
`logonext_definir_qr`	`BinksyAPI.setQR()`	QR code (lien fourni par le graphiste uniquement) et son style.
`logonext_reglages`	`BinksyAPI.setSettings()`	Fond des icônes, taille, dégradés, fond sombre, ticket thermique.
`logonext_charger_demo`	`BinksyAPI.loadDemo()`	Charge la démo AVORA intégrée.

Méthodes communes : describe(), ready(), getState(), importer(), exporter(). Toutes sont asynchrones et renvoient du JSON ; une erreur est rejetée sous la forme { code, message }. BinksyAPI.callTool(nom, args) appelle un outil par son nom WebMCP.

2. Connexion A — agent dans le navigateur (WebMCP)

WebMCP est une proposition du W3C (Web Machine Learning) encore expérimentale. Dans une version récente de Chrome qui la propose, active-la depuis chrome://flags (cherche « WebMCP ») ou utilise une extension compatible WebMCP, puis ouvre l'app : les outils ci-dessus sont déclarés automatiquement (document.modelContext.registerTool, ou navigator.modelContext selon la version). Si le navigateur ne connaît pas WebMCP, rien ne change : window.BinksyAPI reste disponible.

3. Connexion B — Claude Code, Codex, Hermes, OpenCode (Playwright MCP)

Ajoute le serveur MCP navigateur standard Playwright MCP à la configuration de ton agent :

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}

Ensuite l'agent ouvre http://127.0.0.1:8792/ (outil browser_navigate), puis appelle window.BinksyAPI avec l'outil browser_evaluate. Exemples :

// outil browser_evaluate
await BinksyAPI.ready();
const d = await BinksyAPI.describe();   // { app, version, apiVersion: "1", tools: [...] }
await BinksyAPI.getState();

// le SVG du graphiste, en base64
await BinksyAPI.importer({
  files: [{ name: 'marque-icone.svg', type: 'image/svg+xml', dataBase64: '<BASE64_DU_SVG>', versionType: 'icone' }],
  brand: 'Marque'
});
await BinksyAPI.setFormats({ preset: 'site' });

const out = await BinksyAPI.exporter({ format: 'zip', mode: 'essentiel' });
// out.files[0] = { name: 'marque-kit.zip', type: 'application/zip', dataBase64: '…' }
const projet = await BinksyAPI.exporter({ format: 'binksynext' });
const lisezmoi = await BinksyAPI.exporter({ format: 'fichier', path: out.contents[0] });

4. Prompt prêt à copier

Ouvre http://127.0.0.1:8792/ avec le navigateur (Playwright MCP). Attends await window.BinksyAPI.ready(), puis lis await BinksyAPI.describe() pour connaître les outils. Importe mon logo avec BinksyAPI.importer (fichier SVG ou .binksy que je te donne, en base64), règle la marque et les formats que je demande, vérifie avec BinksyAPI.getState(), puis exporte le ZIP avec BinksyAPI.exporter({ format: 'zip' }) et enregistre le fichier renvoyé (base64). N'invente aucun logo, aucune couleur, aucun lien de QR code.

5. Rien n'est envoyé

Pas de compte, pas de clé API, pas de serveur : Binksy LogoNext calcule tout dans le navigateur et garde ton travail sur ton appareil (enregistrement local). L'API ne fait aucun appel réseau, ne lit aucune clé et ne crée jamais de logo, de couleur ou de nom client : elle manipule seulement ce que le graphiste fournit.

Voir aussi : AGENTS.md · llms.txt · guide complet de window.multiformats

Binksy LogoNext — MCP / AI agents

AI agents can drive Binksy LogoNext without clicking: the page exposes window.BinksyAPI and, when the browser supports it, WebMCP tools. Everything runs in the tab, through the same functions as the UI (the screen updates and auto-save runs).

Tools

WebMCP tool	Method	What it does
`logonext_describe`	`BinksyAPI.describe()`	Describes the app and lists tools (JSON schemas).
`logonext_etat`	`BinksyAPI.getState()`	Current state: brand, mode, versions, palette, variants, formats, QR.
`logonext_importer`	`BinksyAPI.importer()`	Imports 1–8 SVGs or a .binksy / .binksynext project.
`logonext_exporter`	`BinksyAPI.exporter()`	Exports the formats ZIP, the .binksynext project or one ZIP file (base64).
`logonext_catalogue`	`BinksyAPI.catalog()`	Catalogue of groups, formats, sizes, modes, presets.
`logonext_plan`	`BinksyAPI.plan()`	Lists what the export will produce, without rendering.
`logonext_definir_marque`	`BinksyAPI.setBrand()`	Brand name (file prefix).
`logonext_definir_mode`	`BinksyAPI.setMode()`	Essential or Complete mode.
`logonext_definir_palette`	`BinksyAPI.setPalette()`	Brand palette (up to 8 colours).
`logonext_definir_variantes`	`BinksyAPI.setVariants()`	Toggles colour variants.
`logonext_definir_formats`	`BinksyAPI.setFormats()`	Preset (site, shop, app, all) and formats/groups on/off.
`logonext_definir_qr`	`BinksyAPI.setQR()`	QR code (designer-provided link only) and its style.
`logonext_reglages`	`BinksyAPI.setSettings()`	Icon background, size, gradients, dark mode, thermal ticket.
`logonext_charger_demo`	`BinksyAPI.loadDemo()`	Loads the built-in AVORA demo.

Connect

A — in-browser agent (WebMCP, experimental): in a recent Chrome that offers it, enable WebMCP in chrome://flags or use a WebMCP-compatible extension, then open the app; tools register automatically.
B — Claude Code / Codex / Hermes / OpenCode: add Playwright MCP (npx @playwright/mcp@latest, config above), open http://127.0.0.1:8792/ and call window.BinksyAPI with browser_evaluate (examples above).

Ready-to-paste prompt

Open http://127.0.0.1:8792/ in the browser (Playwright MCP). Wait for await window.BinksyAPI.ready(), read await BinksyAPI.describe(), import my logo with BinksyAPI.importer (the SVG or .binksy I give you, base64), apply the brand and formats I ask for, check BinksyAPI.getState(), then export with BinksyAPI.exporter({ format: 'zip' }) and save the returned base64 file. Never invent a logo, colour or QR link.

Nothing is uploaded: no account, no API key, no server. The API never invents a logo, colour or client name.