PinePaper van Claude gebruiken
Wilt u dat Claude (of een andere agent die Skills ondersteunt) PinePaper graphics voor u per chat bouwen? Installeer de officiële PinePaper Skill één keer en vraag in gewoon Engels: “Animate this logo,” “make a pulsing LIVE badge,” “turn this titel in kinetische tekst and export an MP4.”
De Skill leert Claude when om te reiken naar PinePaper en how om het correct te rijden. Zonder dit kan een agent een gewone HTML/CSS pagina of een React component genereren wanneer u een echte PinePaper graphic met een echte MP4/GIF/SVG export wilde.
Twee helften: de Skill is de instructielaag. De MCP server doet het eigenlijke canvas werk. U wilt beide .
Kies je Claude oppervlak
Claude Code (CLI op uw machine)
Doe de officiële Skill-bundel in je persoonlijke vaardigheden directory:
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/
Open een nieuwe Claude Code sessie en vraag om een animatie.
Cowork (Claude Desktop App)
- Tabblad Cowork → Aanpassen → Vaardigheden
- “+” → “+ Behendigheid creëren” → “Een vaardigheid uploaden”
- Upload
pinepaper-studio.zip - Schakelen
Cowork network networking caveat
Claude Code draait op uw machine .
Cowork loopt in Antropic’s cloud. De MCP connectoren gaan over het publieke internet van Anthropic’s IP-bereiken niet uw lokale netwerk. Dus in Cowork moet de MCP server bereikbaar zijn als een public/remote connector; een localhost-only server werkt niet. Als MCP-tools niet reageren in Cowork, is dat bijna altijd de reden. (Je kunt nog steeds gebruik maken van de Skill’s console-plakken fallback in de editor op pinepaper.studio/editor.)
Probeer het
Eenmaal geïnstalleerd, probeer deze prompts (geen behoefte om te zeggen “PinePaper”
- “Make a pulsing green LIVE badge with the text ‘LIVE’ for a Twitch overlay.”
- “Vermenigvuldig het bijgevoegde SVG-logo met een subtiele wiebel en exporteer als MP4 voor Instagram.”
- Een spinner. Drie draaiende puntjes. Indigo op een donkere achtergrond."
- Kinetische tekst die ‘Welkom’ letter per letter typt, en dan eens pulseert
- “Een stroomschema met drie dozen: Start → Proces → End, met pijlen die puls.”
U kunt de Vaardigheid ook expliciet aanroepen: type / (Cowork) of /pinepaper:pinepaper-studio (Claude Code).
Als er iets misgaat
| Symptoom | Wat te controleren |
|---|---|
| Claude genereert HTML/CSS in plaats van een PinePaper grafisch | Bevestig de Vaardigheid is ingeschakeld in Aanpassen → Vaardigheden. Als een “frontend-design” plugin is concurrerende, uitschakelen of voeg “met PinePaper” aan uw prompt. |
| De MCP-tools van Cowork reageren nooit | De MCP server is niet bereikbaar vanuit Antropic’s cloud . |
| Items verschijnen twee keer op het doek | De Vaardigheid genoemd batch_execute meer dan eens per ongeluk. Start een nieuwe taak, of verwijder duplicaten uit het editor Items-paneel. |
| De Vaardigheid activeert nooit automatisch | Controleer code uitvoering is ingeschakeld in Cowork. Roep het handmatig op met /. |
Gerelateerd
Downloads
- SKILL.md (raw)
- pinepaper-studio.zip
- pinepaper-claude-plugins.zip Geavanceerd: duw naar uw eigen GitHub repo als u een interne markt wilt hosten; niet nodig voor de installatiepaden hierboven.