Crie um site de uma página com uma Skill de IA

Tudo fica em uma página com rolagem: Hero, recursos, FAQ e uma gaveta de pré-venda que abre no lugar. Seu agente preenche com o seu produto e devolve um arquivo HTML que abre offline.

Veja a Skill em ação Como funciona

Funciona com

e mais de 30 outros agentes

Landing page de áudio Aurawave

Landing page SaaS Quartz

Exemplos de sites de uma página

Aurawave Audio Landing é um site de produto real de uma página. Abra a demo ao vivo para rolar, abrir a gaveta e trocar de tema.

$4.99 ou com o Pro

Landing page de áudio Aurawave

Crie um site de lançamento premium para caixa de som, fone ou outro produto físico, conduzido por grandes fotos do produto. Visual claro e quase monocromático, títulos grandes e compactos, muito respiro e um brilho verde-azulado onde o produto acende. Por padrão, uma única página que abre offline em qualquer navegador, com gaveta de pré-venda e painéis de artigo, políticas e contato. Versão com várias páginas, incluindo especificações e preços, sob pedido.

Você traz

Nome do produto, uma ideia de título com três ou quatro palavras e uma linha de texto
Preço, acabamentos, garantia e principais especificações que você pode garantir
Opcional: seu logo, fotos reais do produto e um link de checkout ou de lista de espera

Você recebe

Uma única página autocontida que funciona offline: Hero de produto, declaração de valor com imagem no texto, linhas de recursos alternadas, cards de confiança, carrossel de ambientes, FAQ, blog e um rodapé escuro com logotipo.
Uma gaveta de pré-venda funcional (acabamento, unidade ou par estéreo, validação de e-mail, confirmação), além de painéis de artigo, políticas e contato que abrem na própria página, nos temas claro e escuro.
Sob pedido, uma versão com várias páginas, incluindo produto, especificações, preços, sobre, contato e blog, além de um plano para gerar de novo todas as fotos em torno do seu produto.

Roda em

Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image generation tool in your agent for new product photos · npm, only if you ask for the multi-page Next.js version · Regenerating the product photos uses your agent's image tool, which may incur that tool's usage charges. Opening and editing the page costs nothing extra.

Abrir a Skill

Resposta rápida

Escolha uma página de produto ou serviço

Um site de uma página coloca toda a história em uma única rolagem e abre conteúdo extra em gavetas e painéis em vez de novas páginas. Ele combina com um produto, um evento ou uma oferta. Se você precisa de páginas separadas para preços, documentação ou blog, comece por uma landing page ou um site de várias páginas.

Seu site de uma página — Uma página, um link: tudo sobre o produto em uma única rolagem.

Estrutura da página: Hero, proposta de valor, linhas de recursos, confiança, carrossel, FAQ, rodapé
Extras na página: Gaveta de pré-venda, artigo, políticas e painéis de contato
Navegação: Links âncora em uma página, sem carregar páginas
Você fornece: Nome do produto, título, preço, especificações, fotos opcionais
Entregue como: Um arquivo HTML autocontido, temas claro e escuro
Formulários: Valida na página; conecte seu próprio checkout para receber pedidos

Gere, edite e publique sua página HTML

Um arquivo para editar, um arquivo para enviar a qualquer hospedagem estática.

1
Instale a Skill
Cole o prompt de instalação no seu agente.
2
Descreva seu produto
Passe o nome, a ideia de título, o preço, os acabamentos e as especificações que você pode garantir.
3
Publique o arquivo
Abra offline para conferir e depois envie o HTML para qualquer hospedagem estática.

Por que não pedir simplesmente à sua IA um site de uma página?

Pedir diretamente gera um resultado. Uma Skill adiciona o que torna esse resultado confiável e repetível.

Exemplo: Landing page de áudio Aurawave

Pedir à sua IACom esta Skill

DesignPedir à sua IA: Um Hero genérico e três cardsUm layout testado construído em torno de fotos grandes de produto

InteraçõesPedir à sua IA: Seções estáticasUma gaveta de pré-venda funcional e painéis que abrem no lugar

TemasPedir à sua IA: Só claroTemas claro e escuro no mesmo arquivo

EntregaPedir à sua IA: Código espalhado entre mensagensUm arquivo autocontido que funciona offline

FAQ de site de uma página

O que esta Skill não faz

Não processa pagamentos; conecte seu próprio checkout.
Não é feito para software sem produto físico.
Existe uma versão com várias páginas sob demanda; não é um site de uma página.

O que é um site de uma página?

Um site em que todo o conteúdo fica em uma única página com rolagem, com navegação que pula para seções em vez de carregar novas páginas.

Isto é um template de site de uma página?

Funciona como um: a Skill guarda um layout testado e o preenche com o seu produto, depois gera um arquivo HTML que você edita e hospeda em qualquer lugar.