
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Um único arquivo de loja autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas; ou a portabilidade para o seu próprio projeto em framework, se você tiver um.
- Uma loja funcional: filtros com contagens ao vivo, variações que alteram o preço, minicarrinho com medidor de frete grátis, cupons de desconto, checkout de demonstração e confirmação do pedido.
- Um exemplo de 39 páginas com 22 imagens, incluindo planejador de reposição, localizador de caminhas, lista de desejos, guia de cuidados e páginas de políticas da loja.
Ideal para
- Pet shops independentes e marcas pet que vendem online e querem uma vitrine calma e confiável.
- Pet shops com banho e tosa ou clínicas veterinárias que também vendem produtos e podem transformar reposições em planos.
- Marcas de ração que apostam em assinaturas e no planejador de reposição.
Não é para
- Pagamentos, estoque ou entrega de pedidos reais; o checkout valida os dados, mas nunca cobra ninguém.
- Lojas que querem um visual escuro, divertido ou cheio de ilustrações em vez da moldura azul royal.
- Vender os produtos fictícios da Dunmere ou apresentar as imagens do catálogo dela como suas.
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar loja virtualEstilo travadoResultado editávelPetsHero de petsPrimaveraLista de desejos
Sobre esta Skill

Royal Blue Pet Store cria um pet shop premium e completo: um site branco dentro de uma moldura azul royal, títulos serifados em azul, um Hero dividido e tranquilo com o retrato de um golden retriever, seis blocos de categorias, um banner sazonal azul royal e um catálogo coerente de recortes de produtos. O exemplo é a Dunmere Pet Supply, uma loja de bairro fictícia, com 39 páginas conectadas e uma loja que funciona dos filtros à confirmação do pedido.

O que você recebe
- Um único arquivo de loja autocontido que abre em qualquer navegador e funciona offline, com fontes e imagens embutidas. Se você já tem um projeto em algum framework, o design é portado para ele.
- Uma loja funcional: filtros de categoria, pet e preço com contagens ao vivo, busca, ordenação, páginas de produto com variações que alteram o preço e tamanhos esgotados, minicarrinho com medidor de frete grátis, cupons de desconto, checkout de demonstração e confirmação do pedido.
- Um planejador de reposição que mostra as próximas datas de entrega e a economia, um localizador de caminhas pela posição de dormir, lista de desejos, guia de cuidados com artigos e um carrossel de avaliações.
- Páginas institucionais de sobre, entrega e devoluções, FAQ, contato, privacidade, termos e uma página amigável de não encontrado.
- Configurações de mercado para moeda, impostos, regras de CEP e condições de entrega, para a loja se adequar a onde você vende.

Como usar
- Compartilhe o nome da loja, os produtos com preços e tamanhos, as categorias, as condições de entrega, o horário de funcionamento e os contatos. Dados que faltarem são rascunhados como placeholders plausíveis e listados para você confirmar.
- Deixe o agente fotografar um novo catálogo de recortes de produtos com a mesma iluminação, ou envie suas próprias fotos de produtos. O retrato do retriever, o retrato do gato e a cena de conforto podem ser mantidos.
- Abra todas as páginas no desktop e no celular, filtre a loja, adicione itens à sacola, faça o checkout de demonstração e peça ajustes.

A tipografia usa Newsreader e Instrument Sans, embutidas no arquivo. As novas imagens de produtos vêm da ferramenta de imagem do seu próprio agente e podem ter custos de uso; o checkout nunca recebe pagamentos.
O que você precisa antes de começar
- Você fornece
- Nome da loja, produtos com preços e tamanhos, e categorias · Condições de entrega, horário de funcionamento, contatos e seu mercado · Suas próprias fotos de produtos, ou aprovação para gerar um novo catálogo
- 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 imagem no seu agente, ou suas próprias fotos, para os recortes de produtos e as imagens da loja
- Custos externos
- Os novos recortes de produtos e as fotos da loja são gerados com a ferramenta de imagem do seu próprio agente, que pode cobrar pelo uso. Sem ela, envie suas próprias fotos; as imagens do retriever, do gato e de conforto podem ser mantidas. Ver o exemplo não custa nada, e o checkout nunca faz cobranças.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…









