Landing page SaaS Beaconv1.0.4
Use esta Skill para criar landing page.
Popular
5.0117 downloads1 curtidas3 salvamentos
Grátis
Um site de marketing SaaS calmo em neutros quentes, com um feixe de luz azul suave, títulos em degradê, Hero centralizado e discreto e seu produto como um console ao vivo, não uma captura de tela. Depois vêm recursos, tour em abas, configuração, clientes, preços mensais ou anuais com comparação, segurança e FAQ, além de cadastro, login, vendas, changelog, status, termos e 404. Temas claro e escuro completos; todos os links e formulários funcionam.
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 SaaS completo em um único arquivo HTML autocontido que abre offline em qualquer navegador: a landing page mais as páginas de cadastro, login, contato com vendas, changelog, status, termos legais e 404
- Um console de produto ao vivo reconstruído com o vocabulário do seu próprio produto, com seletor de período, tooltips no gráfico, contadores em tempo real e uma linha do tempo de incidentes, em vez de uma captura de tela estática
- Tipografia Geist, um único feixe azul, superfícies em neutros quentes, temas claro e escuro completos e formulários com validação, carregamento e estados de sucesso; no seu próprio projeto, o mesmo design na sua stack
Ideal para
- Fundadores e indie hackers que precisam de um site de marketing SaaS crível, com preços, cadastro e changelog, ainda esta semana
- Ferramentas para desenvolvedores e produtos de monitoramento, API e infraestrutura que querem mostrar o próprio produto como uma interface funcionando
- Profissionais de marketing de produto que querem iterar o texto de posicionamento direto em uma página com cara de pronta
Não é para
- Sites que precisam de CMS, blog ou contas reais: os formulários de cadastro e contato confirmam na página, e conectar um backend fica por sua conta
- Marcas que precisam seguir um design system existente: os neutros quentes, o feixe azul único e os títulos em degradê são a essência do produto
- Marcas de consumo ou lifestyle guiadas por fotografia: as imagens se limitam a uma história de cliente, depoimentos, uma foto editorial e uma foto da equipe
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar landing pageEstilo travadoResultado editávelEntrega rápidaMinimalistaDestaque luminosoTipografia em degradêNeutro suave
Sobre esta Skill
Descreva o seu produto e receba um site de marketing SaaS completo: superfícies em tons neutros quentes, um único feixe de luz azul suave, títulos em degradê e o seu produto mostrado como um console ao vivo, e não como uma captura de tela. Ele chega como um único arquivo autocontido que abre em qualquer navegador e funciona offline.
O que você recebe
- Uma landing page com bento de recursos, console de produto ao vivo, tour em abas, etapas de configuração, história de cliente e depoimentos, preços com tabela comparativa, segurança, FAQ e um CTA de encerramento
- Páginas de cadastro, login, contato com vendas, changelog, status, privacidade, termos e 404, todas conectadas e funcionando
- Temas claro e escuro completos, revelações suaves na rolagem e movimento que se desliga para visitantes que preferem movimento reduzido
- Formulários que validam os campos na hora e mostram estados de carregamento e sucesso, além de filtros e busca no changelog
- Dentro do seu próprio projeto, o mesmo design construído como componentes na sua stack
Como usar
- Informe o nome do produto, o que ele faz, seus planos e quaisquer clientes ou depoimentos que você possa usar; anotações rápidas bastam
- Deixe a Skill escolher as seções e as páginas, ou diga quais você quer; tudo o que você não fornecer é rascunhado e listado para você confirmar
- Abra o arquivo final no navegador e peça mudanças de texto, seções ou preços em linguagem simples
As fotos são geradas com a ferramenta de imagem do seu agente, que pode ter cobranças de uso dessa ferramenta; sem ela, a página recorre a iniciais e cards de produto. Fontes e imagens ficam embutidas, então o arquivo final não faz requisições de rede.
O que você precisa antes de começar
- Você fornece
- Nome do produto, o que ele faz e para quem, 4 a 6 recursos e 2 a 4 planos com limites reais (anotações rápidas servem) · Opcional: nomes de clientes, depoimentos, números e fotos que você tem permissão para usar
- 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 · Opcional: uma ferramenta de geração de imagens no seu agente para as fotos de cliente, editorial, depoimentos e equipe
- Custos externos
- As fotos são geradas com a própria ferramenta de imagem do seu agente, que pode cobrar pelo uso. Sem ela, o site é gerado do mesmo jeito: os depoimentos usam iniciais, a foto editorial vira um card de produto e a foto da equipe é removida.
- Último teste
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…