Utilizzare PinePaper da Claude — La competenza

4 min read

Vuoi Claude (o un altro agente che supporta Skills) build PinePaper grafica per te chat? Installare la PinePaper Skill ufficiale una volta e chiedere in inglese semplice: “animare questo logo,” “fare un badge LIVE pulsante,” " trasformare questo titolo in testo cinetico ed esportare un MP4."

La Skill insegna a Claude When per raggiungere PinePaper e how per guidarla correttamente. Senza di essa, un agente potrebbe generare una semplice pagina HTML/CSS o un componente React quando si desiderava un vero grafico PinePaper con una vera esportazione MP4/GIF/SVG.

Il livello di istruzione. Il server MCP fa il vero lavoro su tela. Volete entrambi - vedere API → Guides → Skills per il riferimento completo dello sviluppatore-side (installare, caricare Cowork, configurazione MCP, risoluzione dei problemi).

Scegli la superficie di Claude

Claude Code (CLI sulla tua macchina)

Getta il pacchetto ufficiale Skill nella tua directory di competenze personali:

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/

Aprire una nuova sessione Claude Code e chiedere un’animazione.

Cowork (Claude desktop app)

  1. Scheda di lavoro → Personalizza → Abilità
  2. “+” → “+” Crea abilità" → “Upload a skill”
  3. Carica pinepaper-studio.zip
  4. Toggle on

⚠️ Caveat di reti di lavoro

Claude Code funziona su vostra macchina — un server PinePaper MCP localhost funziona direttamente.

Il lavoro funziona nel cloud di Anthropic. I suoi connettori MCP vanno su Internet pubblico dalle gamme IP di Anthropic - non la vostra rete locale. Così in Cowork il server MCP deve essere raggiungibile come connettore pubblico/remoto; uno localhost-unico non funzionerà. Se gli strumenti MCP non rispondono in Cowork, è quasi sempre il motivo. (Si può ancora usare la console-paste fallback di Skill — Claude scrive codice incollabile, si esegue nell’editor di pinepaper.studio/editore

Provalo

Una volta installato, prova questi suggerimenti (non c’è bisogno di dire “PinePaper” — la Skill raccoglie l’intento):

  • “Fare un distintivo LIVE verde pulsante con il testo “LIVE” per un overlay Twitch.”
  • “Animali il logo SVG allegato con un wobble sottile ed esportazione come MP4 per Instagram.”
  • “Un spinner di carico. Tre punti rotanti. Indigo su uno sfondo buio.”
  • “Kinetic text that type out ‘Welcome’ lettera, poi pulsa una volta.”
  • “Un diagramma di flusso con tre caselle: Start → Processo → Fine, con frecce che pulsano.”

Puoi anche invocare esplicitamente la Skill: digitare / (Cowork) o /pinepaper:pinepaper-studio (Codice).

Quando qualcosa va male

Sintomo Cosa controllare
Claude genera HTML/CSS invece di una grafica PinePaper Confermare la Skill è abilitata in Personalizza → Abilità. Se un plugin “frontend-design” è in competizione, disattivarlo o aggiungere “con PinePaper” al tuo prompt.
Gli strumenti MCP del lavoro non rispondono mai Il server MCP non è raggiungibile dal cloud di Anthropic — vedere il caveat sopra.
Gli articoli appaiono due volte sulla tela La Skill ha chiamato batch_execute più di una volta per errore. Avviare un lavoro fresco, o rimuovere i duplicati dal pannello Elementi dell’editor.
La Abilità non si attiva automaticamente Controllare l’esecuzione del codice è abilitato in Cowork. Invocarlo manualmente con /.

Correlati

  • API → Guides → Competenze — camminata completa rivolta agli sviluppatori (installazione, file di riferimento, albero di risoluzione dei problemi)
  • Magic Button — nell’editore AI assist che non ha bisogno di un agente esterno

Download