Verwenden Sie PinePaper von Claude - The Skill

4 min read

Möchten Sie, dass Claude (oder ein anderer Agent, der Skills unterstützt) PinePaper-Grafiken per Chat erstellt? Installieren Sie den offiziellen PinePaper Skill einmal und fragen Sie in einfachem Englisch: *“beleben Sie dieses Logo”, * * “machen Sie ein pulsierendes LIVE-Abzeichen”, * * “verwandeln Sie diesen Titel in kinetischen Text und exportieren Sie ein MP4.” *

Die Fertigkeit lehrt Claude * wann * nach PinePaper zu greifen und * wie * es richtig zu fahren. Ohne sie könnte ein Agent eine einfache HTML/CSS-Seite oder eine React-Komponente generieren, wenn Sie eine echte PinePaper-Grafik mit einem echten MP4/GIF/SVG-Export wünschen.

Zwei Hälften: die Skill ist die Anweisungsschicht. Der MCP Server erledigt die eigentliche Canvas-Arbeit. Sie möchten beides — siehe API → Guides → Skills für die vollständige entwicklerseitige Referenz (Installation, Cowork-Upload, MCP-Setup, Fehlerbehebung).

Wählen Sie Ihre Claude Oberfläche

Claude Code (CLI auf Ihrer Maschine)

Legen Sie das offizielle Skill-Bundle in Ihr Verzeichnis für persönliche Fähigkeiten:

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/

Öffnen Sie eine neue Claude Code-Sitzung und fragen Sie nach einer Animation.

Cowork (Claude Desktop App)

  1. Cowork Tab → Anpassen → Fähigkeiten
  2. “+” → “+” Skill erstellen → “Einen Skill hochladen”
  3. Upload pinepaper-studio.zip
  4. Umschalten

⚠️ Cowork Networking Caveat

Claude Code läuft auf Ihrem Rechner – ein localhost PinePaper MCP Server funktioniert direkt.

Cowork läuft in der Cloud von Anthropic. Seine MCP-Anschlüsse gehen über das öffentliche Internet aus den IP-Bereichen von Anthropic - nicht Ihr lokales Netzwerk. In Cowork muss der MCP-Server also als public/remote connector erreichbar sein; ein localhost-only funktioniert nicht. Wenn MCP-Tools in Cowork nicht reagieren, ist das fast immer der Grund. (Sie können immer noch das Konsolen-Paste-Fallback des Skills verwenden - Claude schreibt einfügbaren Code, Sie führen ihn aus) im Editor bei pinepaper.studio/editor

Versuchen Sie es

Nach der Installation versuchen Sie diese Aufforderungen (keine Notwendigkeit, “PinePaper” zu sagen - der Skill nimmt die Absicht auf):

  • “Machen Sie ein pulsierendes grünes LIVE-Abzeichen mit dem Text ‘LIVE’ für ein Twitch-Overlay.”
  • “Animieren Sie das angehängte SVG-Logo mit einem subtilen Wackeln und exportieren Sie es als MP4 für Instagram.”
  • “Ein Loading Spinner.” Drei rotierende Punkte. Indigo auf dunklem Hintergrund
  • “Kinetischer Text, der Brief für Brief ‘Willkommen’ eingibt, dann einmal Pulse.”
  • “Ein Flussdiagramm mit drei Feldern: Start → Prozess → Ende, mit Pfeilen, die pulsieren.”

Sie können den Skill auch explizit aufrufen: Typ / (Cowork) oder /pinepaper:pinepaper-studio (Claude Code).

Wenn etwas schief geht

Symptom Was zu überprüfen ist
Claude generiert HTML/CSS anstelle einer PinePaper-Grafik Bestätigen Sie, dass die Fertigkeit in Customize → Skills aktiviert ist. Wenn ein “Frontend-Design”-Plugin im Wettbewerb steht, deaktivieren Sie es oder fügen Sie “mit PinePaper” zu Ihrer Eingabeaufforderung hinzu.
Die MCP-Tools von Cowork antworten nie Der MCP-Server ist aus der Cloud von Anthropic nicht erreichbar - siehe den obigen Vorbehalt.
Artikel erscheinen zweimal auf der Leinwand Die Fertigkeit nannte batch_execute mehr als einmal aus Versehen. Starten Sie einen neuen Job oder entfernen Sie Duplikate aus dem Element-Panel des Editors.
Der Skill wird niemals automatisch ausgelöst Check Code Ausführung ist in Cowork aktiviert. Rufen Sie es manuell mit / auf.
  • API → Guides → Skills — vollständige Entwickler-orientierte Walkthrough (Installation, Referenzdateien, Fehlerbehebungsbaum)
  • [Magic Button] (/features/magic-button) - In-Editor AI-Unterstützung, die keinen externen Agent benötigt

Downloads

  • SKILL.md (raw)
  • pinepaper-studio.zip — bare Skill bundle
  • pinepaper-claude-plugins.zip — Claude Code Plugin Gerüst (Skill + MCP config). Fortgeschritten: Pushen Sie zu Ihrem eigenen GitHub-Repo, wenn Sie einen internen Marktplatz hosten möchten; nicht für die oben genannten Installationspfade erforderlich.