
Galeria de prévias
Skills semelhantes
Ver todas as SkillsO que você recebe
- Uma loja de marca completa: home, páginas de produto, coleção e receita, nossa história, revendedores com mapa, atacado, FAQ, entrega, contato, newsletter, sacola, checkout e páginas jurídicas
- O visual de papel quadriculado: papel em tom quente com linhas finas de grade, títulos condensados pesados, cards contornados na cor de cada sabor, um leque de cinco fotos com adesivos no Hero e uma marca nominativa azul-cobalto no rodapé
- Detalhes de loja funcionais: uma gaveta de sacola com medidor de frete grátis, preços por tamanho e assinatura, busca, filtros, um ajuste de porções nas receitas e checkout com validação
Ideal para
- Marcas de aveia, suco, café, chá, kombucha ou snacks que querem uma personalidade alegre de adesivos e embalagens cartonadas
- Pequenas marcas de consumo que precisam de loja, receitas ou rituais, revendedores e páginas de suporte desenhados como uma só família
- Fundadores que querem uma vitrine convincente antes de conectar pagamentos reais, ou um design para portar para o próprio projeto
Não é para
- Marcas de luxo discreto ou corporativas: a tipografia condensada pesada, os adesivos e as cores dos sabores são propositalmente chamativos e divertidos
- Lojas que precisam de pagamentos reais, contas ou entrega de pedidos hoje: a sacola e o checkout confirmam na própria página e avisam que nada foi cobrado
- Teasers de uma tela só: a Skill cria um site inteiro e conectado, então uma única seção de landing desperdiçaria a maior parte dele
Identidade visual e sistemas de marcaWeb design e experiências digitaisCriar site de marcaEstilo travadoResultado editávelLeque de aveiaHero de aveiaReceitas de aveiaHistória da aveia
Sobre esta Skill

O Site de marca de bebidas em papel quadriculado cria um site de marca completo e com loja sobre um papel quadriculado em tom quente, com títulos condensados pesados, cards contornados, detalhes de adesivo e uma cor divertida para cada sabor. Cada link leva a uma página com design próprio, e a sacola, a busca e os formulários respondem. O exemplo é a Oat Parade, uma marca fictícia de bebida de aveia com 34 páginas conectadas.

O que você recebe
- Uma home com composições variadas: Hero com leque de fotos, letreiro de sabores, trilho de produtos com filtros, história em duas colunas, bento de números, jornada do campo à geladeira, bento de receitas, depoimentos, FAQ, localizador de revendedores e newsletter
- Páginas internas para cada produto, coleção e receita, além de nossa história, revendedores com mapa, atacado, FAQ, entrega, contato, sacola, checkout, privacidade, termos e uma página de não encontrado
- Interações de loja: uma gaveta de sacola com quantidades e medidor de frete grátis, preços por tamanho e assinatura, busca, itens salvos, um ajuste de porções nas receitas e checkout com validação
- Fotos planejadas uma por assunto, em uma única direção de arte, embutidas com as fontes em um único arquivo que funciona offline

Como usar
- Informe o nome da marca, a promessa em uma linha, os produtos com preços e tamanhos, como as pessoas compram e a sua história.
- Seu agente adapta sabores, receitas e revendedores ao seu negócio, gera as fotos e preenche cada página.
- Abra o arquivo, navegue pela loja, pela sacola e pelas receitas no desktop e no celular, e peça mudanças com palavras simples.

As fotos vêm da ferramenta de imagem do seu agente, que pode ter as cobranças de uso dessa ferramenta, ou da sua própria biblioteca. Nada na sacola ou no checkout é cobrado ou enviado até você conectar serviços reais.
O que você precisa antes de começar
- Você fornece
- Nome da marca, promessa em uma linha e público · Produtos com nomes, preços, tamanhos e o que torna cada um diferente · Como as pessoas compram (online, revendedores, atacado, assinatura), sua história e os dados de entrega e contato
- 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 para as fotos de produtos, receitas e história (opcional se você enviar suas próprias fotos)
- Custos externos
- O agente gera as fotos de produtos, receitas e história com a própria ferramenta de imagem, o que pode gerar custos de uso dessa ferramenta. Você pode enviar suas próprias fotos no lugar. Nada mais usa serviço pago.
- Último teste
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avaliações dos usuários
Carregando avaliações…








