Agents IA — Skill Motiframe

Branchez Claude Code, GitHub Copilot ou tout agent à terminal sur Motiframe. Ils listent vos templates, génèrent un visuel et inspectent le rendu — comme un humain.

Qu'est-ce que c'est#

Une « Agent Skill » : un manifeste qui décrit la marche à suivre et un petit script curl script. Aucun serveur à héberger, aucune dépendance lourde — juste un terminal et votre clé d'API.

Installation#

La skill est hébergée sur le site. Une ligne suffit :

bash
curl -fsSL https://motiframe.com/agent-skill/scripts/motiframe.sh -o motiframe.sh
chmod +x motiframe.sh
export MOTIFRAME_API_KEY="mf_live_..."
./motiframe.sh check

Créez votre clé dans Authentification.

Selon votre agent#

Claude Code

bash
mkdir -p ~/.claude/skills/motiframe/scripts
curl -fsSL https://motiframe.com/agent-skill/SKILL.md \
  -o ~/.claude/skills/motiframe/SKILL.md
curl -fsSL https://motiframe.com/agent-skill/scripts/motiframe.sh \
  -o ~/.claude/skills/motiframe/scripts/motiframe.sh
chmod +x ~/.claude/skills/motiframe/scripts/motiframe.sh

Claude Code découvre la skill via son SKILL.md et l'active quand vous demandez un visuel.

GitHub Copilot CLI / Hermes

Téléchargez le script, ajoutez-le au PATH et donnez le SKILL.md à l'agent comme contexte :

bash
curl -fsSL https://motiframe.com/agent-skill/scripts/motiframe.sh -o motiframe.sh
chmod +x motiframe.sh && export PATH="$PATH:$(pwd)"
export MOTIFRAME_API_KEY="mf_live_..."

La boucle de travail#

L'agent suit toujours cette boucle — c'est ce qui donne un rendu correct, ajusté visuellement :

bash
motiframe.sh templates                 # 1. découvrir
motiframe.sh layers summer-sale        # 2. clés de surcharge
motiframe.sh render summer-sale \       # 3. générer (PNG local)
  --overrides '{"title":{"text":"Soldes -40%"}}'
#                                      # 4. l'agent ouvre le PNG et vérifie
motiframe.sh render summer-sale --overrides '{...}' --url   # 5. URL finale
Inspection visuelle
render télécharge le PNG localement : l'agent ouvre le fichier, vérifie l'alignement et la lisibilité, puis corrige les surcharges si besoin — exactement comme un designer humain.

Sécurité#

  • La clé est lue uniquement depuis la variable d'environnement, transmise via l'en-tête x-api-key, jamais en clair ni dans les logs.
  • HTTPS imposé ; périmètre limité à votre compte ; rendus soumis à vos quotas.
  • Clé révocable à tout moment, effet immédiat.
Manifeste complet : SKILL.md · README