Apps@joaoguirunas

Prompts de Sites 3D Animados no Claude

MotionSites.Ai é uma biblioteca premium de prompts de design para IA — hero sections, fundos animados, gradientes e templates de página prontos para colar

O que é

Prompts de Sites 3D Animados no Claude

MotionSites.Ai é uma biblioteca premium de prompts de design para IA — hero sections, fundos animados, gradientes e templates de página prontos para colar direto no seu assistente de código. Em vez de descrever uma landing page do zero, você parte de um bloco já desenhado e só ajusta o conteúdo ao seu projeto.

Cada item da biblioteca traz uma base sólida de layout, hierarquia tipográfica e animação. A ideia é eliminar o ponto onde a maioria dos sites gerados por IA falha: o resultado genérico. Você escolhe um estilo que combina com SaaS, portfólio ou agência, copia o prompt e o Claude Code constrói as seções completas a partir dele.

Não é uma biblioteca de código aberto nem um pacote npm — é um catálogo curado de prompts e templates. O fluxo é copiar, colar no Claude Code, descrever o site e deixar a IA montar a página, pronta para deploy.

Como funciona

Principais recursos

Hero sections prontas

Blocos de abertura de alto padrão para SaaS, portfólio, agência e produto digital — com layout e animação já incluídos.

Fundos animados e gradientes

Backgrounds com movimento e sistemas de cor coerentes que dão profundidade sem você escrever CSS manual.

Prompts copy-paste

Cada template é um prompt pronto: você copia, cola no Claude Code e descreve o site por cima da base.

Animação de scroll

As bases já carregam micro-interações e transições de seção que funcionam — a página deixa de parecer estática.

Saída pronta para deploy

O Claude entrega seções completas em código real, prontas para subir no Vercel em segundos.

Sem dependência de dev ou designer

O ponto difícil — o design premium — vem do template. Você foca no conteúdo e na descrição do projeto.

Comece agora

Explore o repositório, contribua ou integre na sua operação.

Vá além do tutorial

Quer dominar isso na prática?

Aprofunde com acompanhamento direto na mentoria ou siga o passo a passo completo, do zero ao avançado, no curso online.