Felpborges

Pipeline De Sites — Data skill for Claude Code

Data community

Skills de Claude Code em PT-BR: gera e aplica as imagens e os vídeos de um site (com efeito de rolagem) e reescreve o texto pra converter.

How to install Pipeline De Sites

This entry records only its repository, not the path inside it, so there is no exact command to give. Open Felpborges/pipeline-de-sites and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Pipeline De Sites does

Skills de Claude Code em PT-BR: gera e aplica as imagens e os vídeos de um site (com efeito de rolagem) e reescreve o texto pra converter. Pipeline: /design → site → /gerar-imagem → /super-copy

Alternatives in Data

Arcgis To Portaljs — Migrate a whole ArcGIS Hub site (opendata.arcgis.com or a Hub Premium custom domain) into a PortalJS Arc porta 2.3k ★
Local News Site — Publish a local news article as a standalone Elementor page, with Google News-grade structured data and image 648 ★
Chart Design — Design a chart or data visualization — selects the right chart type, applies accessible color palettes, adds a 309 ★

README

Pipeline de sites com Claude Code — as duas skills

Duas skills que trabalham juntas pra levar um site do rascunho ao ar: as imagens e os vídeos gerados e aplicados (com o efeito de se moverem quando o visitante rola), e o texto reescrito pra converter.

Tudo em português do Brasil, e nenhuma delas te prende a um fornecedor: você escolhe o motor de imagem (Higgsfield, outro serviço, ou arquivos seus) e o motor de reescrita (Codex CLI, o próprio Claude Code, ou qualquer outro).

O que tem no pacote

Pasta	O que faz
`gerar-imagem/`	Gera as imagens e os vídeos do site e aplica cada peça no lugar certo — inclusive o vídeo que anda com a rolagem. Entrega junto um inventário em HTML com tudo que criou.
`super-copy/`	Escaneia o texto como um visitante apressado lê, aponta cada linha fraca, reescreve com princípios clássicos de copywriting (Ogilvy, Caples, Sugarman, Cialdini, Schwartz) e entrega um relatório antes → depois.

Instalar

Copie as duas pastas para a pasta de skills do Claude Code:

cp -R gerar-imagem super-copy ~/.claude/skills/

Pronto. Na próxima conversa do Claude Code, digite `/gerar-imagem` ou `/super-copy` — ou peça em português mesmo ("gera as imagens do site", "melhora a copy") que ele encontra a skill sozinho.

Requisitos

Python 3 (já vem no macOS e na maioria dos Linux).
ffmpeg para os vídeos de rolagem (a receita de codificação está em gerar-imagem/referencias/video.md).
Um motor de imagem que aceite referência de imagem para gerar arte com personagem consistente. As instruções de conexão de cada tipo de motor estão em gerar-imagem/referencias/motores.md.

O pipeline em quatro passos

**1. `/design`** — o Claude Design (dentro do Claude Code) cria o rascunho do site a partir das suas referências, com molduras tracejadas nos lugares de imagem e vídeo. Você ajusta no canvas e salva. O prompt pronto pra esse pedido está em `gerar-imagem/referencias/fluxo-design.md`.

**2. "Tran