
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um site de exemplo pronto para a Parcelo, um produto fictício de análise de entregas: a landing page mais cadastro, login, agendamento de demo, changelog, case, segurança, privacidade, termos e um 404.
- UI de produto ao vivo nos termos do seu produto: um Dashboard com seletor de período e hover no gráfico, mini telas no bento, Tabs de etapas, uma alternância de cobrança que leva o plano para o cadastro e formulários validados.
- Seu site como um único arquivo offline com Onest e JetBrains Mono embutidas, além do guia de estilo, plano de imagens, regras de movimento e checklist que seu agente usa como base.
Ideal para
- Fundadores e profissionais de marketing lançando um produto SaaS que querem uma página calma, confiável e centrada no produto.
- Ferramentas de análise, operações ou desenvolvimento cuja melhor prova é o próprio produto.
- Equipes que precisam de páginas de preços, segurança, changelog e cadastro, não só de um Hero.
Não é para
- Protótipos de app ou sites movidos a CMS: ele cria um site de marketing com páginas internas fixas, não um produto funcional.
- Marcas que querem um visual colorido ou um seletor de modo escuro; o meridian é claro, com seções escuras e um destaque teal.
- Cadastros, pagamentos ou análises reais: os formulários validam e confirmam na própria página até você conectar um backend.
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageEstilo travadoResultado editávelFoco em conversãoNavegação em pílula escuraRitmo claro e escuroMockup em perspectivaMinimal com destaque verde-azulado
Sobre esta Skill

Descreva seu produto e receba um site SaaS calmo e centrado no produto: uma página branca com um destaque teal, uma navbar em pílula escura e um Dashboard ao vivo que se inclina em perspectiva e fica plano com a rolagem. O exemplo é a Parcelo, uma ferramenta fictícia de análise de entregas que sinaliza encomendas atrasadas antes de o cliente perguntar.

O que você recebe
- Uma landing page com Banner, navbar em pílula, Dashboard no Hero, bento escuro de recursos, etapas de configuração, case de cliente, depoimentos, preços, segurança, FAQ e uma caixa de CTA escura
- Páginas de cadastro, login, agendamento de demo, changelog, case, segurança, privacidade e termos, além de um 404 com design próprio
- Mini telas do produto no bento que mostram os seus próprios objetos em vez de screenshots genéricos
- Alternância de preços mensal e anual, formulários com estados de erro e sucesso e um changelog com filtros e busca
- Um único arquivo com fontes e fotos embutidas que abre offline em qualquer navegador

Como usar
- Informe o nome do produto, o que ele faz, seus recursos, planos e o que o Dashboard deve mostrar; anotações soltas bastam.
- Seu agente renomeia cada rótulo do Dashboard para os objetos do seu produto, preenche cada seção e página e revisa tudo 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, painéis coloridos e avatares com monograma entram no lugar.
O que você precisa antes de começar
- Você fornece
- Nome do produto, promessa em uma linha e público · Recursos, planos com preços mensais e anuais e o que o Dashboard deve mostrar · Opcional: um case de cliente, depoimentos, respostas de FAQ, informações de segurança e entradas de changelog
- 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 fotos do case, da equipe e dos avatares (opcional; sem ela, usam-se painéis coloridos e monogramas)
- Custos externos
- As fotos do case de cliente, do case, da equipe e dos avatares são geradas com a ferramenta de imagem do seu próprio agente, quando disponível, o que pode gerar cobranças de uso dessa ferramenta. Sem fonte de imagem, usam-se painéis coloridos e avatares com monograma.
- Último teste
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









