Landing page de marketing Confettiv1.0.4
Use esta Skill para criar landing page.
Em alta
5.032 downloads0 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Crie um site de marketing divertido para um produto SaaS: uma página em porcelana emoldurada por painéis com grade pontilhada, um único destaque esmeralda e cards adesivos inclinados em volta de um Hero calmo e centralizado. Em seguida vêm uma janela de produto clicável, um bento animado, uma biblioteca de templates com filtros, um mapa-múndi pontilhado, preços com alternância de cobrança, depoimentos com foto, um blog com páginas de artigo e um FAQ, além de páginas de changelog, cadastro, login, contato e jurídico. Você recebe um único arquivo autocontido com fontes e fotos incorporadas.
Mais escolhida por
Atualizada em 3 de out. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- Um site de exemplo pronto para a Beanhop, um app de cultura de equipe: a landing page, além de páginas de artigo, changelog, cadastro, login, contato, privacidade, termos e uma página 404 com design próprio.
- Uma janela de produto clicável, biblioteca de rituais com busca e filtros, alternância de cobrança com estimativa por tamanho de equipe, formulários validados e uma explosão de confete, tudo renomeado para o seu produto.
- Seu site como um único arquivo offline com Bricolage Grotesque, Figtree e Gochi Hand incorporadas, além das regras de estilo, do plano de imagens e do checklist que seu agente usa como base.
Ideal para
- Fundadores e makers independentes que querem uma página de lançamento ou lista de espera com calor e personalidade, em vez de brilho corporativo.
- Apps de equipe, comunidade ou hábitos cuja história fala de pessoas, celebração e impulso.
- Equipes pequenas que também precisam das páginas internas: changelog, cadastro, artigos do blog e jurídico.
Não é para
- Marcas escuras, com efeito de vidro ou ultraminimalistas; o confetti é propositalmente vivo e divertido, sem tema escuro.
- Sites que precisam de um CMS: artigos do blog e entradas do changelog ficam nos dados da própria página, não em um editor.
- Cadastros ou pagamentos reais: os formulários validam e confirmam na página, mas não enviam nada até você conectar um backend.
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar landing pageEstilo travadoResultado editávelGrade pontilhadaDestaque esmeraldaPastel divertidoSombras suavesCards de adesivo
Sobre esta Skill
Descreva seu produto e receba um site de marketing divertido: uma página em porcelana amarrada por painéis com grade pontilhada, um único destaque esmeralda e cards adesivos inclinados que dão a sensação de algo montado à mão. O exemplo é Beanhop, um app fictício que reúne elogios, aniversários e rituais em um único feed para equipes remotas.
O que você recebe
- Uma landing page com Hero calmo, trio de recursos, janela de produto, bento animado, biblioteca de rituais, mapa-múndi, preços, depoimentos, blog, FAQ e cadastro por e-mail
- Páginas internas que funcionam: artigos do blog, um changelog com filtros e busca, cadastro, login, contato, privacidade, termos e uma página 404 com design próprio
- Uma janela de produto e gráficos desenhados em código e renomeados com as pessoas e os objetos do seu próprio produto
- Três fontes incorporadas e um pequeno conjunto de fotos, para que o arquivo abra offline em qualquer navegador
Como usar
- Compartilhe o nome do produto, o que ele faz, seus planos e quaisquer depoimentos ou ideias de artigos; anotações soltas bastam.
- Seu agente preenche cada seção e página, adiciona fotos onde o site de uma empresa real as usaria e revisa o resultado no desktop e no celular.
- Abra o arquivo único, navegue pelas páginas e peça alterações com suas próprias palavras.
Fotos feitas com a ferramenta de imagem do seu agente podem gerar cobranças de uso dessa ferramenta; sem ela, a página mantém espaços dimensionados para suas próprias fotos.
O que você precisa antes de começar
- Você fornece
- Nome do produto, público e uma proposta de valor em uma linha · Principais funcionalidades, planos com preços e uma coleção para navegar (templates, receitas ou integrações) · Opcional: depoimentos, um caso de cliente, ideias de artigos e suas próprias fotos
- Dependências
- Node.js 18 ou mais recente na máquina do seu agente, para rodar o script incluído que gera o arquivo único offline · Acesso à internet durante a geração do arquivo, para que as fontes sejam baixadas uma vez e embutidas · Uma ferramenta de geração de imagens no seu agente para retratos e capas de artigos (opcional; sem ela, você fornece as fotos)
- Custos externos
- Os retratos dos depoimentos, a foto do caso de cliente e as capas dos artigos são gerados com a ferramenta de imagem do seu próprio agente quando disponível, o que pode gerar cobranças de uso dessa ferramenta. Sem uma ferramenta de imagem, seu agente pede suas fotos e deixa espaços dimensionados.
- Último teste
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…