
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um site de exemplo pronto para a Vaultic e sua cliente de exemplo Haulstead: a landing page mais cadastro, login, falar com vendas, changelog, case de cliente, segurança, sobre, privacidade, termos e uma 404.
- Visões de produto ao vivo em vez de capturas de tela: crie transferências, troque o período dos gráficos, lance entradas balanceadas no razão e simule autorizações de cartão, com um painel de código mostrando cada chamada de API.
- Seu site como um único arquivo offline com Manrope e JetBrains Mono embutidas, temas claro e escuro, um pequeno conjunto de fotos geradas e as regras de estilo a partir das quais seu agente trabalha.
Ideal para
- Startups de pagamentos, banking-as-a-service, tesouraria e APIs para desenvolvedores que precisam de um site de marketing com credibilidade.
- Equipes que querem mostrar o produto funcionando, com preços, segurança e um quickstart para desenvolvedores na mesma página.
- Quem quer um único arquivo pronto para revisar primeiro, com a opção de portá-lo para a própria stack.
Não é para
- Movimentar dinheiro de verdade: as visões de produto e os formulários de cadastro e de vendas são demonstrações com dados de exemplo.
- Marcas que querem violeta, degradês ou um Hero brilhante; este design mantém um único destaque azul-marinho profundo sobre cinzas zinco.
- Equipes que precisam de um site movido a CMS ou multilíngue já de saída.
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageGerar template de siteEstilo travadoResultado editávelFoco em conversãoClaro primeiroFundo de grade de cruzesDestaque azul-marinhoHero com foto de produtoNeutros zinco
Sobre esta Skill

Conte ao seu agente sobre o seu produto de pagamentos ou banking e receba um site fintech calmo, com tema claro em primeiro lugar, em que o produto faz a venda: um título centrado em três batidas, um botão azul-marinho e uma tela de produto funcional com um painel de código sobreposto. O exemplo é a Vaultic, uma plataforma fictícia de infraestrutura bancária, com a Haulstead como cliente de exemplo.

O que você recebe
- Uma landing page com tabs de produto, letreiro de clientes, accordion de recursos, bento da plataforma, explorador de trilhos, quickstart, case de cliente, segurança, preços, FAQ e faixa de lançamento
- Páginas de cadastro, login, falar com vendas, changelog, case de cliente, segurança, sobre, privacidade e termos, além de uma página 404 desenhada
- Visões de produto que funcionam: crie uma transferência, troque o período, lance entradas no razão e simule autorizações de cartão
- Preços com alternância de cobrança e estimador de uso, temas claro e escuro completos, e fontes e fotos embutidas em um único arquivo

Como usar
- Informe o nome do produto, a promessa, os objetos que ele gerencia, os trilhos de pagamento, os preços e sua CTA principal.
- Seu agente reconstrói as tabs de produto em torno dos seus objetos, cria e lista os fatos que faltarem e confere os dois temas no desktop e no celular.
- Abra o arquivo único, navegue pelas tabs e páginas e peça ajustes com palavras simples.

Afirmações de segurança, bancos parceiros e certificações só aparecem quando você as confirma. Fotos feitas com a ferramenta de imagem do seu agente podem gerar as cobranças de uso dessa ferramenta.
O que você precisa antes de começar
- Você fornece
- Nome do produto, promessa em uma frase e para quem ele é · Os objetos que ele gerencia, os trilhos de pagamento suportados e os planos de preço · Opcional: fatos de segurança confirmados, bancos parceiros, um case de cliente e a CTA principal
- 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 as fotos do case, dos retratos e da equipe (opcional; sem ela, os placeholders são mantidos)
- Custos externos
- As fotos do case, dos retratos e da equipe são geradas com a própria ferramenta de imagem do seu agente, que pode gerar as cobranças de uso dessa ferramenta. Sem uma, placeholders no tamanho certo marcam os espaços que precisam das suas fotos.
- Último teste
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…








