Sites cinematográficos com IA. Copie o que eu uso pra criar.
Prompts, skills e templates prontos pra colar no Claude Code, no ChatGPT ou no Gemini. Pra quem cansou de site com cara de template.
Você é um jurado do Awwwards com 15 anos de direção de arte. Analise este layout com o rigor de quem avalia Site of the Day. Dê nota de 0 a 10 para:PromptsGrátisIA critica seu layout como jurado do Awwwards
TemplatesPremiumTemplate VYTAL# ANTI_PATTERNS.md Antes de criar ou alterar qualquer tela, leia esta lista. Nada daqui entra no projeto sem eu pedir explicitamente.ContextoGrátisANTI_PATTERNS.md: proíbe a IA de gerar site genérico
O que tem na biblioteca. Escolhe uma categoria ou copia um destaque.
Recursos em destaque
Copia agora. Os grátis não pedem cadastro.
Você é um jurado do Awwwards com 15 anos de direção de arte. Analise este layout com o rigor de quem avalia Site of the Day. Dê nota de 0 a 10 para: 1. Hierarquia visual 2. Tipografia (tensão, escala, contraste) 3. Ritmo e respiro entre seçõesIA critica seu layout como jurado do AwwwardsClaude · ChatGPT · Gemini- Passo a passo no guiaWireframe Pack: mande a imagem e a IA monta o siteClaude · ChatGPT · Gemini
- Passo a passo no guiaOs 2 arquivos que impedem a IA de fazer site feioClaude Code · ChatGPT · Gemini
Crie um app web chamado "Jurado" que avalia o design de um site como um jurado do Awwwards. Eu mando um vídeo de tela, prints ou o link do site, e ele devolve nota de 0 a 10 por critério, o problema e a correção exata. A interface precisa ser bonita e cinematográfica, porque vou mostrar ela pra clientes e no Instagram. STACK - Next.js (App Router) + TypeScript + Tailwind - GSAP pras animações - SDK oficial da Anthropic (@anthropic-ai/sdk) e zod pro schema - Playwright só pro modo "link" (roda local)Prompt: crie seu próprio app jurado do AwwwardsClaude Code · Claude API# ANTI_PATTERNS.md Antes de criar ou alterar qualquer tela, leia esta lista. Nada daqui entra no projeto sem eu pedir explicitamente. Se um pedido meu contrariar alguma regra, me avise antes de fazer. ## Layout"use client"; // Objeto que gira com o scroll: uma sequência de frames desenhada num <canvas>. // É o scroll que escolhe qual frame aparece, não um vídeo tocando sozinho. // Instale: npm i gsap // Os 102 frames abaixo são do anel do VYTAL, já hospedados. Troque pelos seus.Snippet: objeto que gira com o scrollNext.js · GSAP
Template NumaClaude Code- Incluído no Premium5 skills cinematográficas pro Claude CodeClaude Code
Template Alba ResidênciaClaude Code- Passo a passo no guia
A troca de página também conta. Veja o movimento e copie o prompt e o código.
- Um painel sobe, cobre a página e segue para fora pelo topo, levando o novo conteúdo junto. Voltando, tudo roda de cima para baixo.
- Barras lado a lado sobem uma depois da outra até cobrir a página e seguem para fora pelo topo. Voltando, a ordem começa pela direita.
- Uma folha escura entra e uma grade de células digita a frase da marca, em onda. Com a página trocada, as células apagam a frase e a folha some.
Do reel pro seu site em 3 passos.
A diferença dá pra ver. Sem direção, a IA entrega o genérico. Com um template do Promptfly, sai o Alba.
Antes · site genérico feito com IA
Depois · Alba ResidênciaOi, eu sou o Rafha.
Sou dev frontend e estudo Análise e Desenvolvimento de Sistemas na FIAP. Crio sites cinematográficos com IA e mostro o processo no Instagram. O Promptfly é onde eu guardo tudo isso pra você copiar.
Seguir @rafha.gpt →Perguntas frequentes
O que todo mundo pergunta antes de copiar o primeiro recurso.
Pra copiar e usar, não. Os prompts e templates funcionam colando na IA. Mas saber o básico de HTML, CSS e como rodar um projeto ajuda muito a ajustar o resultado e publicar o site.
Os prompts funcionam no Claude, no ChatGPT e no Gemini. As skills e os arquivos de contexto, como o CLAUDE.md, são feitos pro Claude Code. É ele que eu uso nos meus sites.
Os recursos que aparecem nos reels são grátis e não pedem cadastro. O Premium libera a mentoria pronta (o meu método, do primeiro site ao primeiro cliente, em guias exclusivos), todos os templates de sites, as skills pro Claude Code, o grupo VIP e os templates novos que eu lançar. É um pagamento único pela Hotmart, com garantia de 7 dias.
Recurso grátis sai junto com os reels. No Premium, todo template novo que entra na biblioteca já fica liberado pra você, sem pagar de novo.
Comenta a palavra que aparece no vídeo. Você recebe o link no direct, e ele abre direto no recurso, é só copiar. Se não chegou, olha a aba de solicitações de mensagem do Instagram.
Pare de começar do zero. Tenha a biblioteca inteira.
A mentoria pronta, todos os templates de sites cinematográficos, as skills, o grupo VIP e cada template novo que eu lançar.