Skill que constrói páginas scroll-driven premium e recusa o padrão genérico de IA: os mesmos seis grids, os mesmos contadores 01/06, o mesmo gradiente roxo. Ela verifica o próprio trabalho antes de te entregar.
main-design) para o Claude CodeInstala como skill e gera páginas HTML/CSS/JS scroll-driven a partir de uma entrevista com você, obedecendo um padrão de craft fixo — não um template que só troca de cor.
Vídeo scruba quadro a quadro sob a roda do mouse, seções fixam (pin) enquanto o argumento avança, rails deslizam de lado, headlines se montam linha a linha.
Filmic one-shot, editorial em capítulos, superfície viva, mundo contínuo, poster tipográfico, galeria, split stage, cutlist rítmico — cada uma proíbe o que as outras exigem.
Um browser headless percorre a página em cada posição de scroll e reporta scroll morto, contraste real, cues que nunca abrem e clipes travados num "poster" congelado.
Cada build passa pelo mesmo procedimento antes de virar página final.
Um build novo tem que diferir de todo build anterior em pelo menos 4 de 6 dimensões: gramática, nav, hero, forma dos atos, fechamento, signature move. Falhou o gate? Muda o plano, não o registro.
Uma linha por ato — a emoção e o que na tela causa ela. Dois atos adjacentes com a mesma emoção significa que um é enchimento. Um pico só, com o orçamento de asset e o silêncio antes dele.
Rode doctor antes de qualquer coisa — ele acha os três problemas de setup que, sem ele, aparecem depois como erros enganosos.
Necessário para todo script do plugin.
Precisa de um build cheio (com scale), não um stripped de ~50 filtros. SCROLLCRAFT_FFMPEG sobrescreve a busca.
# checagem automática node scripts/doctor.mjs
Usado na passada de verificação. Instala na pasta do build.
# na pasta do build npm i playwright-core
Comandos reais, na ordem em que você realmente roda.
Dentro do Claude Code.
/plugin marketplace add inematds/scroll-craft
O identificador do plugin é main-design.
/plugin install main-design # se pedir, rode /reload-plugins
Antes de qualquer build, confirme que ffmpeg, WebP muxer e playwright-core estão certos.
node scripts/doctor.mjs # diz exatamente o que falta node scripts/workspace.mjs --ensure # cria o workspace e o registro vazio
Descreva o que quer, ou chame direto.
/main-design:scrollcraft
Para editar a skill localmente sem passar pelo marketplace.
claude --plugin-dir ./plugins/main-design
Mesma skill, mesmo engine, nenhum esqueleto compartilhado — gramática, navegação e fechamento mudam em cada um.
Direto do README — nada escondido.
SCROLLCRAFT_FFMPEG e SCROLLCRAFT_CHROME sobrescrevem a busca.