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
Mensagem pronta para colar
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-workflowOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/ecommerce-image-workflow/SKILL.md -o SKILL.mdConteú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:
- Imagem principal - packshot limpo com o produto em primeiro plano, em fundo branco ou neutro suave.
- 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.
- 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.jsondescrevendo entradas de referência, slots, prompts, saídas, proporções e notas de fidelidade.ecommerce-gallery.htmlcomo 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
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
ios-icon-gen
Faz seu agente gerar ícones para aplicativos iOS. Ele usa símbolos da Apple ou ícones de outras fontes para criar os arquivos corretos.
affaan-m/ECC
algorithmic-art
Ajuda seu agente a criar arte usando código, gerando imagens únicas. É útil quando você quer arte original feita por computador.
anthropics/skills
canvas-design
Ajuda seu agente a criar artes visuais bonitas em arquivos. É útil quando você pede um pôster, uma arte ou qualquer design estático.
anthropics/skills