Pular para o conteúdo
Skillpedia
Imagens e ícones101 mil · #685

ecommerce-image-workflow

Permite ao agente gerar imagens de produtos para e-commerce a partir de fotos. É útil para criar um conjunto consistente de imagens de produtos de alta qualidade.

O que ela faz

Esta ferramenta cria um conjunto de imagens para vender produtos online. Ela usa fotos reais do seu produto para gerar uma imagem principal, uma imagem mostrando um detalhe importante e uma imagem mostrando o produto em uso.

Quando usar

  • ✓Quando você tem fotos do seu produto e quer criar imagens melhores para sua loja.
  • ✓Quando você precisa de imagens que mostrem os pontos fortes do seu produto.
  • ✓Quando você quer mostrar como o produto fica em um ambiente real.

Exemplo do que pedir para a IA

“Crie imagens de produto para minha loja online a partir destas fotos.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/nexu-io/open-design/blob/main/skills/ecommerce-image-workflow/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/nexu-io/open-design/blob/main/skills/ecommerce-image-workflow/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A IA analisa as fotos que você envia para entender como é o produto. Depois, ela cria diferentes tipos de imagens: uma básica, uma focada em um detalhe e uma em um cenário.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add nexu-io/open-design --skill ecommerce-image-workflow

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/ecommerce-image-workflow/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Fluxo de Imagens para E-commerce

Crie um conjunto compacto de imagens para e-commerce a partir de imagens de referência reais do produto. Esta habilidade V1 é intencionalmente restrita: ela suporta apenas o modo de referência-produto. Se o usuário descrever apenas um produto e não fornecer uma foto do produto, solicite uma e pare. Não crie um produto conceitual apenas com descrição nesta versão.

Mapa de Recursos

ecommerce-image-workflow/
|-- SKILL.md
|-- example.html
`-- references/
    `-- checklist.md

O que esta habilidade produz

Por padrão, gere três ativos de imagem prontos para e-commerce para um produto:

  1. Imagem principal - packshot limpo com o produto em primeiro plano, em fundo branco ou neutro suave.
  2. Imagem de destaque - um ponto de venda mostrado claramente com espaço controlado para chamadas, sem depender de texto minúsculo e ilegível na imagem.
  3. Imagem de estilo de vida - produto mostrado em um contexto de uso plausível, mantendo o produto fiel à referência.

Também crie:

  • image-manifest.json descrevendo entradas de referência, slots, prompts, saídas, proporções e notas de fidelidade.
  • ecommerce-gallery.html como uma pequena galeria de pré-visualização vinculando os arquivos gerados e resumindo as funções das imagens.

Contrato de Entrada

Obrigatório:

  • Pelo menos uma imagem de referência do produto carregada no projeto ativo.

Solicite apenas os essenciais ausentes:

  • Nome do produto ou rótulo curto, se não for óbvio.
  • Principal ponto de venda, se a imagem de destaque não puder ser inferida com segurança.
  • Mercado-alvo ou proporção apenas se o usuário solicitar enquadramento específico da plataforma.

Não faça perguntas amplas de descoberta. Mantenha o fluxo de trabalho em andamento.

Fluxo de Trabalho

Etapa 0 - Confirmar modo de referência-produto

Antes de planejar, verifique se o projeto atual inclui uma imagem de referência de produto real.

Se nenhuma imagem de produto estiver disponível, responda:

Por favor, carregue primeiro pelo menos uma imagem de referência do produto. Este fluxo de trabalho V1 preserva um produto real de fotos de referência; a geração de conceitos apenas com descrição será adiada para uma versão posterior.

Em seguida, pare.

Etapa 1 - Extrair âncoras de identidade do produto

Inspecione a imagem de referência e escreva um breve bloqueio de identidade interno:

  • Categoria e formato do produto.
  • Forma e silhueta.
  • Cores e materiais primários.
  • Logotipo, etiqueta, padrão, fechos, portas, alças, puxadores ou outros detalhes fixos.
  • Pistas de escala e proporções.
  • O que não deve mudar.

Use essas âncoras em todos os prompts de geração.

Etapa 2 - Construir um plano de três slots de fotos

Crie um plano de fotos compacto antes de enviar:

Slot Proporção padrão Objetivo
principal 1:1 Imagem de mercado com o produto em primeiro plano, em fundo branco ou neutro suave
destaque 4:5 Um ponto de venda claro com detalhes em close-up ou espaço simples para chamadas
estilo de vida 4:5 Contexto de uso realista com o produto ainda visualmente fiel

Se os metadados do projeto fornecerem imageAspect, use-os quando o usuário esperar uma única proporção em todo o conjunto. Caso contrário, use os padrões de slot acima.

Etapa 3 - Compor prompts com um bloqueio de fidelidade

Todo prompt deve incluir esta instrução de fidelidade do produto perto do topo:

Preserve the exact product identity from the reference image: shape,
silhouette, color, material, logo/label placement, visible construction
details, and proportions. Do not redesign the product. Do not add, remove,
or relocate product features.

Em seguida, adicione instruções específicas do slot:

Prompt da imagem principal

  • Produto centralizado e totalmente visível.
  • Fundo branco, off-white ou cinza muito claro.
  • Iluminação de estúdio suave com sombra limpa.
  • Sem adereços, a menos que o usuário os tenha solicitado.
  • Sem texto de marketing no quadro.

Prompt da imagem de destaque

  • Foco em um recurso fornecido pelo usuário ou inferido com segurança.
  • Use composição em close-up, corte em estilo de corte ou espaço negativo limpo para rótulos a serem adicionados posteriormente pelo designer.
  • Mantenha o produto visualmente equilibrado no quadro. Se nenhuma estrutura de chamada explícita estiver sendo gerada, centralize o produto. Se for necessário espaço para rótulos, desloque o produto apenas ligeiramente e faça com que o espaço vazio pareça intencional.
  • Não invente certificações, números de desempenho, materiais ou reivindicações.
  • Evite texto renderizado minúsculo; deixe espaço para rótulos em vez disso.

Prompt da imagem de estilo de vida

  • Use um ambiente realista compatível com a categoria do produto.
  • Mantenha o produto como ponto focal.
  • Mostre interação humana apenas se ajudar a explicar o uso e não obscurecer o produto.
  • Preserve a escala e a estrutura do produto.

Etapa 4 - Enviar através do contrato de mídia

…

Perguntas frequentes

Preciso enviar fotos do meu produto?

Sim, esta ferramenta precisa de fotos reais do seu produto para funcionar. Ela não cria imagens de produtos que não existem.

Que tipos de imagem são criados?

São criadas três imagens: uma imagem principal (packshot), uma imagem de destaque (feature) e uma imagem de estilo de vida (lifestyle).

A IA pode mudar o produto nas fotos?

Não, a IA é instruída a manter o produto exatamente como ele é nas fotos de referência, sem fazer alterações.

Detalhes

Descrição original do autor

Reference-product ecommerce image workflow for generating a compact set of product-faithful main, feature, and lifestyle images from real product reference photos. V1 requires uploaded product imagery and intentionally defers brief-only concept generation and platform-specific batch exports.

repo: nexu-io/open-design

Popularidade

Estrelas no GitHub
101 mil
Posição no ranking
#685
Licença
Apache-2.0
Atualizada em
16/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas