Landing page de automação Fluxonv1.0.6
Use esta Skill para criar página de site.
Em alta
5.032 downloads2 curtidas0 salvamentos
$4.99
O que eu recebo ao comprar esta Skill?Um site de marketing escuro por padrão para plataforma de automação, ferramenta dev desktop ou produto open source: cinzas neutros quase pretos, um único destaque ciano, um título discreto em duas linhas e um canvas de fluxo ao vivo que de fato roda, refaz um passo com falha e transmite seus logs. Em seguida vêm painéis interativos de gatilhos, scripts, novas tentativas e histórico de execuções, gráficos de observabilidade, um diagrama local-first, case de cliente, preços e uma seção de instalação por sistema, além de páginas de docs, changelog, download, segurança, cadastro, contato e jurídico nos temas escuro e claro.
Mais escolhida por
Atualizada em 3 de out. de 2026
Galeria de prévias
Skills semelhantes
Ver todas as Skills
O que você recebe
- Um site completo de ferramenta para desenvolvedores em um único arquivo HTML autocontido que abre offline: home, docs, changelog, download, segurança, case de cliente, cadastro, login, contato, jurídico e 404
- Interface de produto que funciona: um canvas de fluxo que roda e reproduz de novo, nós clicáveis, chaves de gatilho, política de novas tentativas ajustável, histórico de execuções filtrável, gráficos com troca de intervalo e um log ao vivo
- Cinzas neutros escuros por padrão com um único destaque ciano, tema claro completo, Hanken Grotesk e JetBrains Mono embutidas, e fotos apenas no case de cliente, no runner e nos avatares
Ideal para
- Equipes lançando um app desktop, CLI, plataforma de automação ou ferramenta open source para desenvolvedores que querem um site escuro e confiável sem trabalho de design
- Produtos cujo diferencial é mais fácil de mostrar do que de descrever, como execuções, novas tentativas, logs e execução local
- Desenvolvedores que querem um site independente agora, ou o mesmo design portado para o próprio projeto em Next.js, React, Vue, Svelte ou Astro
Não é para
- Marcas que precisam de um visual claro por padrão: o tema claro é completo, mas o design foi pensado primeiro no escuro
- Equipes que precisam de um site com CMS ou multilíngue pronto para uso
- Quem espera logos de clientes reais ou menções na imprensa: toda marca, pessoa, citação e número é fictício até você substituir
Lançamento de produto e crescimento de appsWeb design e experiências digitaisCriar página de siteCriar landing pageGerar template de siteEstilo travadoResultado editávelFluxo guiadoDestaque cianoEscuro primeiroPainéis de gráficosHero com canvas de nósTextura granulada
Sobre esta Skill
Descreva sua ferramenta para desenvolvedores e receba um site de produto calmo, escuro por padrão, em que o próprio produto se explica: um título discreto em duas linhas acima de um canvas de fluxo que roda, refaz um passo com falha e transmite seus logs. Ele chega como um único arquivo autocontido que abre em qualquer navegador e funciona offline.
O que você recebe
- Uma landing page com explorador de fluxos em abas, trilho de biblioteca de etapas, gráficos de observabilidade, um diagrama local-first, uma seção de fluxos como código, case de cliente, preços com tabela comparativa, FAQ e uma seção de instalação por sistema operacional
- Páginas de docs, changelog, download, segurança, case de cliente, cadastro, login, contato, privacidade, termos e 404
- Painéis de produto interativos: chaves de gatilho, uma política de novas tentativas que você ajusta e simula, histórico de execuções com filtros e busca, e um log ao vivo
- Cinzas quase pretos com um único destaque ciano, brilho suave e granulação fina, além de um tema claro completo
- Dentro do seu próprio projeto, o mesmo design construído como componentes e rotas na sua stack
Como usar
- Informe o nome do produto, o que é um fluxo no seu produto, os tipos de gatilho, onde ele roda, como as pessoas instalam, seus planos e o CTA
- A Skill reconstrói o canvas, o explorador e as docs em torno das suas próprias etapas e comandos, e lista qualquer detalhe de cliente, preço ou segurança que precisou rascunhar
- Abra o arquivo pronto no navegador e peça mudanças com palavras simples, como três faixas de preço ou outras abas no explorador
As fotos de clientes e avatares são geradas com a ferramenta de imagem do seu agente, que pode ter custos de uso próprios. Fontes e imagens ficam embutidas no arquivo final.
O que você precisa antes de começar
- Você fornece
- Nome do produto, promessa em uma linha, o que é um fluxo no seu produto e onde ele roda · Tipos de gatilho, runtimes ou integrações, o caminho de instalação, planos e preços, e o CTA (download, cadastro, teste ou estrela)
- 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 · Opcional: uma ferramenta de geração de imagens no seu agente para as fotos do case de cliente, do runner e dos avatares
- Custos externos
- As fotos do case de cliente, do runner e dos avatares são geradas com a ferramenta de imagem do próprio agente, que pode gerar custos de uso. Sem ela, são usadas suas próprias fotos ou espaços de imagem claramente identificados.
- Último teste
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…