Utilisez PinePaper de Claude — La compétence

4 min read

Voulez-vous que Claude (ou un autre agent qui prend en charge Compétences) construisez des graphiques PinePaper pour vous par chat? Installez le PinePaper Skill officiel une fois et demandez en anglais simple: “animer ce logo,” “faire un badge LIVE pulsant,” " transformer ce titre en texte cinétique et exporter un MP4."

La Compétence enseigne à Claude quand pour atteindre PinePaper et comment pour le conduire correctement. Sans cela, un agent pourrait générer une page HTML/CSS simple ou un composant React lorsque vous vouliez un véritable graphique PinePaper avec une véritable exportation MP4/GIF/SVG.

Deux moitiés : le Skill est la couche d’instruction. Le serveur MCP effectue le travail réel de la toile. Vous voulez les deux — voir API → Guides → Compétences pour la référence complète côté développeur (install, cowork upload, configuration MCP, dépannage).

Choisissez votre surface Claude

Claude Code (CLI sur votre machine)

Déposez le pack de compétences officiel dans votre répertoire de compétences personnelles :

mkdir -p ~/.claude/skills
curl -fsSL https://pinepaper.studio/assets/skills/pinepaper-studio.zip -o /tmp/pp-skill.zip
unzip -o /tmp/pp-skill.zip -d ~/.claude/skills/

Ouvrez une nouvelle session Claude Code et demandez une animation.

Cowork (application Claude de bureau)

  1. Onglet Cowork → Personnaliser → Compétences
  2. “+” → "+ Créer des compétences » → « Télécharger une compétence »
  3. Télécharger pinepaper-studio.zip
  4. Accroche-toi

Mise en garde sur les réseaux de coworking

Claude Code fonctionne sur votre machine — un serveur local PinePaper MCP fonctionne directement.

Le travail se déroule dans le nuage d’Anthropic. Ses connecteurs MCP passent sur Internet public à partir des gammes IP d’Anthropic — pas de votre réseau local. Ainsi, dans Cowork, le serveur MCP doit être accessible sous la forme d’un connecteur public/à distance; un seul serveur local ne fonctionnera pas. Si les outils MCP ne répondent pas dans Cowork, c’est presque toujours pourquoi. (Vous pouvez toujours utiliser le fallback console-colle de la compétence — Claude écrit un code collable, vous l’exécutez dans l’éditeur à pinepaper.studio/editor.)

Essaie

Une fois installé, essayez ces instructions (pas besoin de dire “PinePaper” — la compétence prend l’intention):

  • “Faites un badge vert en direct avec le texte “LIVE” pour une superposition de Twitch.”
  • “Animatez le logo SVG attaché avec un wobble subtil et export comme MP4 pour Instagram.”
  • “Un spinner de chargement. Trois points tournants. Indigo sur un fond sombre.”
  • “Texte kinétique qui tape “Bienvenue” lettre par lettre, puis impulsions une fois.”
  • “Un diagramme de flux avec trois cases: Démarrer → Processus → Terminer, avec des flèches qui impulsion.”

Vous pouvez également invoquer explicitement la compétence : type / (Cowork) ou /pinepaper:pinepaper-studio (Claude Code).

Quand quelque chose tourne mal

Symptôme Quoi vérifier
Claude génère HTML/CSS au lieu d’un graphique PinePaper Confirmer que la compétence est activée dans Personnaliser → Compétences. Si un plugin “frontend-design” est en concurrence, le désactiver ou ajouter “avec PinePaper” à votre invite.
Les outils MCP de Cowork ne répondent jamais Le serveur MCP n’est pas accessible depuis le cloud d’Anthropic — voyez la mise en garde ci-dessus.
Les objets apparaissent deux fois sur la toile La compétence a appelé batch_execute plus d’une fois par erreur. Commencez un nouveau travail, ou supprimez les duplicatas du panneau Éléments de l’éditeur.
La compétence ne déclenche jamais automatiquement L’exécution du code de vérification est activée dans Cowork. Invoquez-le manuellement avec /.

Autres

  • API → Guides → Skills — parcours complet orienté vers le développeur (installation, fichiers de références, arbre de dépannage)
  • Magic Button — aide dans l’éditeur AI qui n’a pas besoin d’un agent externe

Téléchargements

  • SKILL.md (brut)
  • pinepaper-studio.zip — faisceau nu de compétences
  • pinepaper-claude-plugins.zip — échafaudage du plugin Claude Code (Configuration Skill + MCP). Avancé : appuyez sur votre propre repo GitHub si vous voulez héberger un marché interne ; pas nécessaire pour les chemins d’installation ci-dessus.