Define product photography standards for e-commerce — shot types, composition, lighting, consistency rules, AI-assisted generation, and platform-specific variants. Covers the full product imagery pipeline from concept to published asset. Use when you need to plan product photoshoots, create photography briefs, set image standards for an e-commerce catalog, generate AI product lifestyle shots, or ensure visual consistency across hundreds of products.
インストールする前に、エージェントに与えられる指示の中身を確認できます。
Use this skill when planning, creating, or reviewing product images for e-commerce — whether real photography or AI-generated visuals.
| Photography Task | Tool |
|---|---|
| Generate product images (AI — Gemini) | generate_gemini_image_validated (agent-prefixed or bare) |
| Generate product images (AI — DALL·E/OpenAI) | generate_openai_image |
| Edit/retouch images (AI) | edit_gemini_image_validated |
| Background removal | remove_background |
| Resize for platforms | resize_image |
| Generate scene backgrounds | product_actualization (place product in generated scene) |
| Alt text generation | generate_image_alt_text_validated |
| Image analysis (quality check) | analyze_image |
Key mcp-ai WP-CLI commands for photography workflows. Run via terminal:
| Command | Use for |
|---|---|
wp mcp-ai health | Verify image generation/editing tools |
wp mcp-ai provider | Check configured AI providers (Gemini, etc.) |
wp mcp-ai bulk | Batch process product images |
Trigger when ANY of the following is true:
Every product needs these image types:
┌──────────────────────────────────────────────┐
│ LIFESTYLE / CONTEXT │ ← Social media, ads, hero banners
│ "The product in someone's life" │
├──────────────────────────────────────────────┤
│ ANGLED / DETAIL │ ← Secondary gallery images
│ "What it looks like from every side" │
├──────────────────────────────────────────────┤
│ WHITE BACKGROUND │ ← Primary product page image
│ "Clean, consistent, shoppable" │
└──────────────────────────────────────────────┘
| # | Type | Purpose | How to Create |
|---|---|---|---|
| 1 | White background — Front | Primary product image | Photography or AI + remove_background |
| 2 | White background — Back | Show reverse side, label, details | Photography or AI |
| 3 | White background — Angle | 3/4 view showing depth and shape | Photography or AI |
| 4 | Detail / Macro | Texture, cap, engraving, ingredients | Photography (macro) or AI detail crop |
| 5 | Packaging / Box | Unboxing appeal, gift-ready presentation | Photography or AI |
| 6 | Lifestyle — In Use | Person holding/using the product | AI generation (product_actualization) |
| 7 | Lifestyle — Scene | Product in aspirational setting | AI generation or styled photoshoot |
| 8 | Size Reference | Product next to common object for scale | Photography or simple composition |
The primary product image — the first thing customers see — must be consistent across your entire catalog.
Format: WebP or JPEG (PNG if transparency needed)
Resolution: 2000px minimum on longest side (4K-ready, good for zoom)
Color space: sRGB
Background: Pure white (#FFFFFF) or transparent
Lighting: Even, no harsh shadows, no blown highlights
Composition: Product centered, filling 80–90% of frame
Angle: Slight 3/4 turn (not perfectly flat — show depth)
✓ ALL products on white background
✓ ALL products at similar scale (a 30ml bottle and 100ml bottle
should look proportionally different, not randomly zoomed)
✓ ALL products with the same lighting temperature
(don't mix cool/clinical with warm/lifestyle whites)
✓ ALL products with the same shadow treatment
(natural drop shadow OR no shadow — pick one, apply to all)
✗ Mixed backgrounds (some white, some gray, some beige)
✗ Different lighting across products in the same category
✗ Products at wildly different scales
✗ Visible floor/wall seams or backdrop edges
✗ Reflections of the photographer/studio in glass bottles
Fragrance Bottles:
Jewelry:
Skincare:
| Use Case | Best Approach |
|---|---|
| White background product shots | Photography preferred (accuracy). AI if photo unavailable. |
| Lifestyle / scene images | AI excels here — use product_actualization or generate_gemini_image_validated |
| Social media creative variants | AI (fast, infinite variations) |
| Seasonal or themed versions | AI (add holiday props, change background season) |
| Color variants of same product | AI editing (edit_gemini_image_validated) |
The Media Studio addon ships a production-grade AI fashion photography stack (addon 0.6.0, PRs #6839/#6844 — plans: docs/project/plans/media-studio-fashion-photography-*.md). Use it when the brief needs on-model apparel work at scale:
fashion-studio SPA mode — the [nvoos_media_studio_app] shortcode gains a fashion-studio mode (media-library source picker, presets, review-confirm + one-time acknowledgment dialogs, result grid with compliance chips).NV_oOS_Media_Studio_AI_Service, Gemini via edit_gemini_image): on-model, model-swap, face-swap, background, recolor, packshot, detail-repair, try-on. Face outputs carry a forced disclosure watermark and the disclosure-policy floor stays at metadata.mcp_ai_fashion_job CPT with approve/reject/reroll and WooCommerce + media collection export; fashion identity library on mcp_ai_fashion_model (consent-gated); 8 Pro tools (fashion_onmodel_generate, fashion_model_swap, fashion_background_generate, fashion_recolor, fashion_packshot, fashion_virtual_tryon, fashion_batch_job, fashion_identity_manage).Use product_actualization to place a real product image into an AI-generated scene:
product_actualization {
product_attachment_id: [your product photo]
mode: "image"
scene_prompt: "Elegant marble bathroom vanity, morning sunlight streaming
through frosted glass, fresh flowers, spa-like atmosphere,
shallow depth of field, luxury aesthetic"
aspect_ratio: "3:2"
integration_mode: "ai"
}
This naturally embeds the product with matching lighting, shadows, and reflections — far better than manual compositing.
[Product type] + [Setting] + [Lighting] + [Mood] + [Camera details]
"An 80ml Carolina Herrera Good Girl stiletto-shaped perfume bottle on a
black marble surface, dramatic side lighting creating long shadows, gold
accents catching the light, luxury editorial photography, shallow depth
of field, bokeh background, 85mm lens, high-end fragrance campaign"
[Jewelry piece] + [Surface] + [Lighting] + [Detail] + [Style]
"Swarovski crystal bracelet draped over a dark velvet jewelry display,
soft diffused light catching every facet, macro photography showing
crystal clarity and cut precision, elegant and minimal composition,
no distracting elements, luxury catalog style"
[Product] + [Props] + [Lighting] + [Vibe] + [Style]
"Conatural face wash bottle surrounded by fresh lavender sprigs and
chamomile flowers, natural window light, soft shadows, clean white
marble surface, spa aesthetic, bright and airy, wellness photography,
minimal and fresh composition"
Source: 2000×2000px product hero (1:1 square)
Instagram Feed: 1080×1080px (1:1) — crop from center
Instagram Story: 1080×1920px (9:16) — product bottom-third, text space top
Facebook Feed: 1200×630px (1.91:1) — product left-third, text space right
Pinterest: 1000×1500px (2:3) — full product, clean background
Website Hero: 1920×800px — product right-third, text space left
Use resize_image for each variant — never upload the full-resolution original to social media.
When shooting or generating images intended for social posts with text overlay:
Rule of thirds:
┌──────────┬──────────┬──────────┐
│ │ │ │
│ TEXT │ TEXT │ │
│ ZONE │ ZONE │ PRODUCT │
│ │ │ │
│ │ │ │
└──────────┴──────────┴──────────┘
Product should occupy 1/3 of frame (right or bottom)
Empty space on the remaining 2/3 for headline, caption, or CTA
When briefing a photographer or planning an AI generation session:
PRODUCT PHOTOGRAPHY BRIEF
─────────────────────────
Product: [Name, SKU, size]
Brand: [Brand name]
SHOT LIST:
□ White background — Front (primary)
□ White background — Back
□ White background — 45° angle
□ Detail — [specific feature to highlight]
□ Detail — [second feature]
□ Packaging — Box/tin unopened
□ Packaging — Box/tin open with product
□ Lifestyle — [scene description]
□ Lifestyle — [alternate scene]
□ Size reference — [comparison object]
TECHNICAL:
Format: WebP or JPEG
Resolution: 2000px minimum
Color space: sRGB
Background: #FFFFFF (white background shots)
STYLE REFERENCES:
[2–3 links or descriptions of images with the desired aesthetic]
NOTES:
[Any special handling — reflective surfaces, fragile items,
specific angles needed, text that must be readable, etc.]
Before publishing any product image:
□ Background is clean (white = pure white, not off-white or gray)
□ Product is in focus (crisp edges, no softness)
□ Lighting is even (no harsh shadows except intentional creative choices)
□ Colors are accurate (matches the real product — check against reference)
□ No dust, fingerprints, or smudges on the product
□ Labels and text are readable and correctly oriented
□ Image is properly cropped (product fills 80–90% of frame)
□ File is optimized (WebP, properly compressed — see design-image-optimization)
□ Alt text is written via generate_image_alt_text_validated
□ Filename is descriptive (brand-product-view.format), not IMG_4829.jpg
When you have 100+ products, consistency is the hardest thing to achieve and the most valuable:
□ All primary images use the same background color
□ All products at consistent scale within their category
(a 30ml fragrance should look smaller than an 80ml — consistently)
□ Same angle for all primary shots (all slightly 3/4, all front-facing, etc.)
□ Same lighting temperature across the entire catalog
□ Same shadow treatment (drop shadow style, opacity, direction)
□ Same file format and approximate file size per image
□ Same naming convention across all files
When generating images with AI for a catalog:
Use consistent prompt templates:
"Product photography of [PRODUCT NAME], [FIXED LIGHTING],
[FIXED BACKGROUND], [FIXED STYLE], luxury e-commerce catalog,
[FIXED COLOR PALETTE], [FIXED COMPOSITION]"
Keep these elements IDENTICAL across all prompts:
● Background description
● Lighting description
● Style keywords
● Composition instructions
Only vary:
● Product name and description
● Any category-specific details (glass for fragrance, velvet for jewelry)
WRONG:
✗ Mixed backgrounds — some white, some gray, some lifestyle
✗ Inconsistent scale — one bottle fills the frame, another is tiny
✗ Using lifestyle images as primary product images (confusing)
✗ Blown highlights on glass bottles (no detail in the brightest areas)
✗ 500KB+ images slowing down product pages
✗ Same image used for every variant (color, size — looks lazy)
✗ No detail shots — just one front-facing image
✗ Watermarked or manufacturer-supplied images (looks dropshipped)
RIGHT:
✓ Every primary image: white background, consistent lighting, clean
✓ Products shown to scale — a 30ml looks smaller than an 80ml
✓ 6–8 images per product: front, back, angle, detail×2, packaging, lifestyle
✓ Proper exposure: highlights preserved, shadows open, details visible
✓ Optimized files (WebP, < 200KB for primary image)
✓ Unique image per variant (different size shown, different color shown)
✓ at least one in-use or lifestyle shot per product
✓ Original or AI-generated — never use supplier shots alone
product_actualization or generate_gemini_image_validated for scene imagery.resize_image to platform dimensions, convert to WebP via media worker.[brand]-[product]-[view].webp. Never IMG_4829.jpg.generate_image_alt_text_validated before publishing.design-image-generation for prompt engineering, model selection, and AI provider configuration.design-image-optimization for format conversion, compression, responsive sizing, and alt text generation.design-social-publishing to post product images to Instagram, Facebook, and other platforms.design-brand-kit for logo design, color palettes, and typography that define the visual brand context.design-product-research for product descriptions and marketing copy that accompanies product images.design-video-creation for product video content (unboxing, demos, short-form Reels).design-image-generation for AI generation techniques — check your tool list for the Gemini image tool.design-image-optimization to resize, compress, and convert images — use resize_image (MCP).design-brand-kit to align product imagery with brand visual identity.design-product-research to understand the product before creating its visual story.design-seo-content for image SEO — filenames, alt text, and product page optimization.まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
日本語の概要は準備中です。原文の説明を表示しています。
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
日本語の概要は準備中です。原文の説明を表示しています。
Control a headless browser to navigate URLs, click elements, fill forms, extract content from JavaScript-rendered pages, take screenshots, and automate end-to-end web workflows.
日本語の概要は準備中です。原文の説明を表示しています。
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
日本語の概要は準備中です。原文の説明を表示しています。
Review code for quality, simplicity, and maintainability. Identifies unnecessary abstractions, duplicated logic, oversized functions, missing error handling, and naming issues — then fixes them automatically before presenting the result.
日本語の概要は準備中です。原文の説明を表示しています。
WooCommerce store operations through NV oOS Pro — product research, catalog cross-referencing, inventory lookups, and Shopify or Flowhub comparisons where integrations are configured.
日本語の概要は準備中です。原文の説明を表示しています。