
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um site completo de SaaS de IA: home mais cadastro, login, agendamento de demo, changelog, história de cliente, central de confiança, privacidade, termos e uma 404, com temas claro e escuro
- Mockups em código que se movem: uma aprovação única no Dashboard do Hero, um chat reproduzido, troca de canais, um marquee de conectores e um globo pontilhado
- Tipografia Onest e Geist Mono, um único azul para os controles, uma navbar em pílula e um rodapé com wordmark gigante, em um único arquivo que abre offline
Ideal para
- Fundadores e indie hackers lançando um produto de IA ou SaaS que precisam de um site confiável com caminhos de teste grátis, demo ou lista de espera
- Profissionais de marketing de produto que querem o visual monocromático moderno de startup sem uma equipe de design
- Ferramentas para desenvolvedores e apps de agendamento que conseguem aplicar os próprios termos ao Dashboard, ao painel de canais e às etapas
Não é para
- Autenticação ou cobrança reais: os formulários de cadastro, login e demo validam e confirmam apenas na página
- Marcas que querem um visual chamativo e colorido; o quartz é monocromático, com um único azul para os controles
- Agências, lojas ou espaços sem uma interface de produto para mostrar; a página é construída em torno da UI do produto
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageEstilo travadoResultado editávelClaro primeiroMockups BentoRodapé com logotipo giganteMinimal monocromáticoNavegação em pílula
Sobre esta Skill

Descreva seu produto de IA e receba um site de marketing pronto: um título calmo e centralizado sobre um Dashboard de produto com moldura dupla, mockups de recursos que realmente se movem, uma história de cliente, preços com tabela comparativa e uma faixa escura de cadastro. Cadastro, login, agendamento de demo, changelog e páginas de confiança estão conectados, e tudo chega em um único arquivo que abre offline em qualquer navegador.

O que você recebe
- Um Hero com grade pulsante e uma discreta mudança de status no Dashboard, uma fileira de logos que gira e um bento de recursos com mockups animados
- Uma grade de oito recursos, Tabs de etapas do briefing à publicação, uma história de cliente com contadores animados e um marquee de depoimentos com controle de pausa
- Um bloco de segurança, preços mensais ou anuais com tabela comparativa, FAQ e uma faixa de cadastro com validação
- Páginas de cadastro, login, agendamento de demo, changelog filtrável, história de cliente, central de confiança, jurídico e 404, além de temas claro e escuro
- Onest e Geist Mono incorporadas junto com todas as imagens, para que a página não faça requisições de rede

Como usar
- Informe à Skill o nome do produto, uma promessa em uma linha, quatro recursos principais, o formato dos preços e o pedido principal: teste grátis, demo ou lista de espera.
- Ela renomeia cada painel com os termos do seu produto, redige o texto que faltar e o lista para você confirmar.
- Abra o arquivo nos temas claro e escuro, teste cada formulário e rota e peça alterações em linguagem simples.

As fotos vêm da ferramenta de imagem do seu agente, que pode ter cobranças de uso próprias.
O que você precisa antes de começar
- Você fornece
- Nome do produto, uma promessa em uma linha e o pedido principal (teste grátis, demo ou lista de espera) · Quatro recursos principais, o fluxo em três a cinco etapas e o formato dos seus preços · Opcional: uma história de cliente, depoimentos, informações de segurança e entradas de changelog que você possa confirmar
- 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 imagem no seu agente para avatares, o retrato da história de cliente e imagens do produto; opcional se você fornecer as suas
- Custos externos
- As fotos que você não fornecer são geradas com a própria ferramenta de imagem do seu agente, o que pode gerar cobranças de uso dessa ferramenta. A UI do produto é construída em código, e a página finalizada não faz requisições de rede. Ver o exemplo não custa nada.
- Último teste
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









