O que você recebe
- Um arquivo HTML com fontes e imagens embutidas, ou uma versão em Next.js, React, Vue ou Astro
- Home, catálogo com filtros, páginas de produto, coleções, sacola e um checkout de demonstração
- Páginas de guia de tamanhos, entrega, FAQ, contato, sobre, newsletter, legais e 404
- Um validador que confere links, estrutura, segurança offline e nomes de exemplo esquecidos
- Fotos opcionais de produtos e campanha do PopNow, com preço antes de cada execução
Ideal para
- Marcas de tênis, calçados e roupas esportivas
- Pequenas marcas de moda que querem um visual de campanha
- Protótipos de loja para entregar a um desenvolvedor antes de conectar um carrinho real
Não é para
- Receber pagamentos reais hoje: o checkout é uma demonstração até um provedor ser conectado
- Catálogos com centenas de itens que precisam de banco de dados
- Identidades de marca barulhentas, escuras ou neon
Como usar
No Claude ou no ChatGPT
Use a skill da PopNow “Template de site de loja de tênis” (sneaker-store-website) para isto: Crie uma loja para a Northfold, uma pequena marca de tênis de trilha que vende cinco modelos em EUR, com frete grátis acima de 120 EUR e prazo de devolução de 30 dias.
Em um agente de programação
/popnow-sneaker-store-website Crie uma loja para a Northfold, uma pequena marca de tênis de trilha que vende cinco modelos em EUR, com frete grátis acima de 120 EUR e prazo de devolução de 30 dias.
Depois tente
Coloque as fotos de produto de ./photos no fundo da loja e me passe o preço antes.
Leve a loja para o meu projeto Next.js e mantenha o checkout como demonstração.
O que ter em mãos
- Nomes dos produtos, preços, cores e tamanhos
- De duas a quatro coleções e sua política de entrega e devolução
- Fotos dos produtos, ou uma chave de API do PopNow para gerá-las
- Endereço e horário da loja, se você tiver uma loja física
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.
Landing page de automação de fluxos
+3Página grafite com título pequeno e um grafo de nós ao vivo que roda, tenta de novo e mostra logs.
Perguntas
O checkout recebe pagamentos reais?
Não. Ele valida o formulário, atualiza os totais conforme o método de entrega e mostra uma confirmação, mas para claramente antes do pagamento. Conectar um provedor de pagamento é uma etapa separada em um projeto real.
Posso usar minhas próprias fotos de produto?
Sim. Coloque-as no projeto e a skill as usa como estão ou, com a sua aprovação e um orçamento em créditos, as posiciona no fundo combinando da loja ou as recorta com o PopNow para a grade ficar consistente.
Funciona para roupas em vez de calçados?
Sim. Os tamanhos passam para P, M, G, o guia de tamanhos vira uma tabela de medidas e as opções de largura viram modelagens. Coleções e linhas podem ser renomeadas ou removidas.
E se eu não tiver uma chave de API do PopNow?
A loja é montada mesmo assim. Os produtos recebem espaços reservados identificados ou suas próprias fotos, e a resposta lista quais espaços ainda precisam de imagens.