O que você recebe
- Um arquivo HTML offline, ou as mesmas seções como componentes no seu projeto de framework
- Um canvas no hero que roda o fluxo do próprio produto, incluindo uma nova tentativa e logs em streaming
- Explorador, biblioteca de etapas, gráficos de observabilidade, diagrama local-first, preços e faixa de instalação
- Rotas de documentação, changelog, download, segurança, história, cadastro, login, contato, jurídico e 404
- Fotos, loop de fundo e cartão social opcionais gerados com o PopNow após cotação em créditos
Ideal para
- Ferramentas de fluxo de trabalho, automação e CI
- Ferramentas de desenvolvedor self-hosted ou desktop e projetos de código aberto
- Páginas iniciais de pipelines de dados, filas de jobs e plataformas de agentes
Não é para
- Apps de consumo, lojas ou portfólios
- Marcas vivas ou coloridas: a página é escura por padrão, com um só destaque ciano
- Produtos que deveriam ser mostrados como foto ou captura de tela, e não como interface ao vivo
Como usar
No Claude ou no ChatGPT
Use a skill da PopNow “Landing page de automação de fluxos” (workflow-automation-landing-page) para isto: Monte a página inicial da Relaypoint, um executor de jobs self-hosted para pequenas equipes de dados. Instala com brew, winget ou Docker. Planos: Community grátis, Team US$ 18 por assento, Enterprise sob consulta.
Em um agente de programação
/popnow-workflow-automation-landing-page Monte a página inicial da Relaypoint, um executor de jobs self-hosted para pequenas equipes de dados. Instala com brew, winget ou Docker. Planos: Community grátis, Team US$ 18 por assento, Enterprise sob consulta.
Depois tente
Transforme as abas do explorador em Filas, Workers, Novas tentativas e Mortos.
Informe o custo de um loop lento da foto do servidor antes de gerar qualquer coisa.
O que ter em mãos
- Nome do produto, promessa em uma linha e o que é um fluxo no seu produto
- Tipos de gatilho, ambientes de execução das etapas e como ele se instala
- Planos, preços e eventuais clientes, citações e fatos de segurança reais
- Opcional: um DESIGN.md, uma chave de API do PopNow ou as suas próprias fotos
Skills parecidas
Ver todas →Criador de avatar 3D
+3Monte um personagem 3D fofo de pelúcia no navegador e salve como PNG transparente ou página 3D.
Calendário heatmap
+3Um ano de atividade diária em uma grade de calendário sombreada, com sequências, totais e navegação por teclado.
Landing page de SaaS com IA
+3Papel areia, trilhos finos e um quadro kanban ao vivo em que um assistente planeja tarefas.
Seção hero animada
+3Um hero de landing page com uma palavra do título que gira suavemente, dois botões e um quadro largo de imagem.
Site de agência com hero em shader
+3Hero de shader laranja ao vivo atrás de uma frase fixada, navegação em pílula e uma grade de cases.
Landing page SaaS escura
+3Um site de marketing escuro e cheio de movimento para um produto de software, entregue em um único arquivo HTML.
Site de portfólio de designer
+3Seis cartões inclinados em volta de um título sobre cinza calmo, um retrato em vermelho e cases editoriais.
Site de portfólio para desenvolvedor
+3Um site pessoal escuro para engenheiros, com cases, artigos, palestras, currículo e formulário de contato.
Site editorial de SaaS
+3Hero dividido em azul-marinho, título serifado ao lado de uma foto documental e um destaque azul-cobalto.
Modelo de site glassmorphism
+3Pílulas de vidro fosco sobre película quase preta, título serifado enorme e captura de e-mail.
Site de produto de hardware
+3Nomes de modelo enormes e finos sobre fotos prateadas, cartões de especificação e linha em escala.
Diagrama de arquitetura interativo
+3Um diagrama de sistema offline e clicável, feito a partir de um modelo JSON verificado, com a evidência por trás de cada caixa.
Hero interativo com grade
+3Uma grade escura de fios finos que se curva em direção ao cursor e lança um anel luminoso a cada clique.
Explorador de grafo de conhecimento
+3Transforme anotações de projeto em um grafo offline e pesquisável, em que cada afirmação leva à linha de origem.
Modelo de dashboard de KPIs
+3Quatro cartões de KPI com variação, um gráfico de linha, detalhamento e barras de meta em papel quente.
Landing page a partir de mockups com IA
+3Veja três páginas completas antes, escolha uma, e o seu agente a constrói como código limpo e responsivo.
Template de site de revista
+3Um site de revista com qualidade de impresso, com artigos, temas, uma pequena loja e assinaturas, em um arquivo HTML.
Hero com animação de partículas
+3Texto em papel quente ao lado de uma esfera girando de pontos em tinta e azul-petróleo, que muda a cada ideia.
Site de marca pessoal
+3Um retrato esfumado sobre papel quente, sob um colchete fino, com afirmações claras e fortes de cada lado.
Página de lançamento de produto cinematográfica
+3Página quase preta com luz de cinema: título em serifa, cena noturna em letterbox e formulário de reserva.
Template de painel administrativo
+3Um painel de back-office funcional com gráficos, tabelas, kanban e calendário, em um único arquivo HTML offline.
Template de landing page SaaS
+3Um site de marketing claro e tranquilo para um produto de software, com console de produto funcional, preços e cadastro.
Site de portfólio estilo scrapbook
+3Um currículo online de várias páginas feito de objetos de papel, com cases e um currículo para imprimir.
Template de site de loja de tênis
+3Uma loja completa de calçados ou roupas, com catálogo, páginas de produto, sacola e checkout de demonstração em um arquivo HTML.
Perguntas
O canvas do hero é uma captura de tela?
Não. É HTML e SVG dirigidos por arrays de dados: as suas etapas, as ligações entre elas e uma execução roteirizada com uma nova tentativa. Fica nítido nos dois temas, reage a cliques e mostra o estado final quando o visitante prefere movimento reduzido.
O que o PopNow gera nesta página?
Apenas as partes fotográficas: um retrato de cliente e um cabeçalho de história, uma foto de detalhe, um conjunto de avatares a partir de uma imagem em grade, um loop lento opcional da máquina onde o produto roda e uma placa opcional de cartão social. Cada execução é cotada em créditos antes e só começa depois da sua confirmação.
Posso usar sem uma chave de API do PopNow?
Pode. Os substitutos incluídos de foto do executor e de avatar, as suas próprias fotos ou um cartão de história sem foto mantêm todas as seções completas, e o cartão social pode ser montado a partir do HTML sem custo.
O meu produto é uma API hospedada, não um app de desktop. Ainda serve?
Serve. A seção local-first vira um diagrama de por onde os dados passam, a faixa de instalação por sistema operacional vira abas de instalação de SDK, e a rota de download vira uma página de SDKs ou de integrações.