Usar o PinePaper de Claude — A Habilidade

4 min read

Quer que Claude (ou outro agente que suporte Skills) construa gráficos PinePaper para você** por chat? Instale o PinePaper Skill oficial uma vez e pergunte em inglês simples: “animar este logotipo,” “fazer um emblema LIVE pulsante,” “tornar este título em texto cinético e exportar um MP4.”

A habilidade ensina Claude * quando* para alcançar PinePaper e * como * para dirigi-lo corretamente. Sem ele, um agente pode gerar uma simples página HTML/CSS ou um componente React quando você queria um verdadeiro gráfico PinePaper com uma verdadeira exportação MP4/GIF/SVG.

Duas metades: a Skill é a camada de instrução. O servidor MCP faz o trabalho real do canvas. Você quer ambos — veja API → Guides → Skills para a referência completa do lado do desenvolvedor (install, Cowork upload, configuração MCP, solução de problemas).

Escolhe a tua superfície Claude

Código Claude (CLI na sua máquina)

Largue o pacote oficial de habilidades em seu diretório de habilidades pessoais:

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/

Abra uma nova sessão de Código Claude e peça uma animação.

Cowork (Aplicativo de desktop Claude)

  1. Guia de cowork → Personalizar → Habilidades
  2. “+” → “+ Criar habilidade” → “Upload uma habilidade”
  3. Enviar [pinepaper-studio.zip] (https://pinepaper.studio/assets/skills/pinepaper-studio.zip)
  4. Activar

Cowork network resguardat

Claude Code é executado em sua máquina — um servidor local PinePaper MCP funciona diretamente.

**Cowork corre na nuvem de Anthropic. Seus conectores MCP passam pela internet pública a partir dos intervalos IP da Anthropic — not sua rede local. Assim, no Cowork, o servidor MCP deve ser acessível como um conector público/remoto; um servidor local-somente não funcionará. Se as ferramentas MCP não respondem no Cowork, é quase sempre por isso. (Você ainda pode usar o backback console-paste da Skill — Claude escreve código coletável, você executá-lo no editor em pinepaper.studio/editor.)

Experimenta

Uma vez instalado, tente estes prompts (não há necessidade de dizer “PinePaper” — a habilidade capta a intenção):

  • “Faça um emblema verde pulsante ao vivo com o texto “Live” para uma sobreposição Twitch.”
  • “Anime o logotipo SVG anexado com uma oscilação sutil e exporte como MP4 para o Instagram.”
  • “Um girador de carga. Três pontos rotativos. Indigo num fundo escuro.”
  • “Texto cinético que escreve ‘Bem-vindo’ letra por letra, então pulsa uma vez.”
  • “Um fluxograma com três caixas: Início → Processo → Final, com setas que pulsam.”

Você também pode invocar a habilidade explicitamente: tipo / (Cowork) ou /pinepaper:pinepaper-studio (Claude Code).

Quando algo corre mal

Sintomas O que verificar
Claude gera HTML/CSS em vez de um gráfico PinePaper Confirme que a habilidade está habilitada em Personalizar → Habilidades. Se um plugin “frontend-design” estiver competindo, desative-o ou adicione “com PinePaper” ao seu prompt.
As ferramentas MCP do Cowork nunca respondem O servidor MCP não é acessível a partir da nuvem de Anthropic — veja a ressalva acima.
Os itens aparecem duas vezes na tela A habilidade chamou batch_execute mais de uma vez por engano. Iniciar uma nova tarefa, ou remover duplicatas do painel Itens do editor.
A habilidade nunca dispara automaticamente A execução do código de verificação está ativada no Cowork. Invoque manualmente com /.

Relacionado

  • API → Guias → Habilidades — passo à frente do desenvolvedor completo (instalar, arquivos de referências, árvore de solução de problemas)
  • Botão Mágico — assistência AI no editor que não precisa de um agente externo

Transferências