React PDF skill

O que ela faz

A skill ensina o Claude a usar o @json-render/react-pdf, que transforma uma especificação em JSON num documento PDF. Em vez de desenhar o PDF na mão, o JSON descreve as peças: documento, página A4 ou carta, título, texto, tabela, lista, imagem, link, divisória e número da página.

Com a especificação pronta, o Claude gera o PDF de três jeitos: em memória, como fluxo pra mandar direto na resposta de um site, ou gravado como arquivo. Ele também cria componentes próprios, como um selo colorido, somados ao catálogo padrão e validados com Zod.

Ela mostra ainda como passar dados que mudam, como o total de uma fatura, por um estado externo, e como importar o catálogo no servidor sem carregar o React.

Nas palavras de quem fez

Quando usar

• Gerar fatura ou recibo em PDF dentro do seu app
• Montar o relatório mensal do cliente com tabela e número de página
• Fazer um catálogo ou uma lista de preços em PDF, com imagem e link
• Criar um botão de baixar a proposta em PDF no site

Depois de instalar, é só pedir assim

• Gera um PDF de fatura em A4 com a tabela de itens e o total, usando o json-render
• Cria uma rota no meu Next.js que devolve o relatório do cliente em PDF
• Adiciona um componente de selo colorido ao catálogo do PDF pra marcar pedido pago

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas