
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um único arquivo de site autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas; construído na sua própria stack quando você tem um projeto.
- Momentos de produto funcionais que atualizam o livro-razão do Hero, uma cortina de preços com alternância de cobrança e estimador de uso, e formulários de cadastro e login validados.
- Páginas internas para changelog com filtros e busca, quickstart da documentação, caso de cliente, segurança, privacidade, termos e página de não encontrado.
Ideal para
- Desenvolvedores independentes e equipes pequenas lançando uma ferramenta para desenvolvedores ou um produto B2B com uma afirmação certeira.
- Agências e prestadores de serviço que podem listar clientes, escopo e valores na tabela do Hero e vender pacotes na cortina.
- Fundadores com lista de espera que querem um plano de fundador e um formulário de cadastro em uma página tranquila.
Não é para
- Contas reais, pagamentos ou envio de formulários; cadastro e login mostram apenas resultados de demonstração honestos.
- Marcas de consumo divertidas que querem cor, degradês ou formas arredondadas; o estilo é reto e contido.
- Construir o próprio app; esta Skill cria o site do produto, não Dashboards nem telas de administração.
Sobre esta Skill

A Landing page Indigo Ledger cria um site de produto calmo e pronto para lançamento, em que uma única frase faz a venda: página off-white quente, um título grande e compacto com um trecho em índigo profundo, navegação em maiúsculas com barra antes de cada item ao redor de um logotipo manuscrito, seções numeradas em estilo livro-razão, cantos retos e uma única cortina de preços quase preta. O exemplo é a Penrule, um livro-razão fictício de medição de uso e cobrança para SaaS independentes.

O que você recebe
- Um único arquivo de site autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas. Se você já tem um projeto, a mesma página é construída na sua própria stack.
- Momentos de produto que os visitantes podem usar: adicionar uma regra de preço que falta, aprovar ou segurar uma fatura em rascunho e ver o livro-razão do Hero se atualizar.
- Seções numeradas para como funciona, um bento de recursos, um caso de cliente com números, depoimentos, tabela comparativa, segurança, FAQ, equipe e cadastro.
- A cortina de preços quase preta com alternância mensal e anual e um estimador de uso que recomenda um plano.
- Páginas internas para changelog com filtros e busca, quickstart da documentação, caso de cliente, segurança, login, privacidade, termos e página de não encontrado, com formulários validados em todo o site.

Como usar
- Compartilhe o nome do produto, a afirmação principal, como ele funciona em três passos, seus planos e preços, e depoimentos ou números de clientes que você pode usar. Textos que faltarem são redigidos como placeholders plausíveis e listados para você confirmar.
- Diga ao agente o que a tabela do Hero deve listar, como clientes ou pedidos, e se o estimador deve ficar para o seu modelo de preços. As fotos são geradas em um único estilo de luz norte, ou os espaços de foto são removidos.
- Abra todas as seções e páginas internas no computador e no celular, teste os momentos de produto, os preços e os formulários, e peça alterações.

A tipografia usa Instrument Sans, Outfit, Caveat e Geist Mono, embutidas no arquivo. As fotos vêm da própria ferramenta de imagens do seu agente e podem ter cobranças de uso; sem ela, a página funciona só com tipografia e telas do produto.
O que você precisa antes de começar
- Você fornece
- Nome do produto, a afirmação principal e como ele funciona em três passos · Planos com preços e limites reais, e os registros que a tabela do Hero deve mostrar · Depoimentos e números de clientes que você pode usar, ou permissão para redigir placeholders para você 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 imagens no seu agente para retratos e naturezas-mortas (opcional; sem ela, os espaços de foto são removidos)
- Custos externos
- Retratos, a foto da equipe e as naturezas-mortas são gerados com a própria ferramenta de imagens do seu agente, que pode cobrar pelo uso. Sem ela, os espaços de foto são removidos e a página se apoia na tipografia e nas telas do produto. Ver o exemplo não custa nada.
- Último teste
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









