Retlify
v5 Fixed 100% Free
🔧 Image Generation System — Fixed

Accurate Product Images,
Not Random Buildings

Powered by Puter.js · Category-aware prompt engine · 4 shot types · No API keys · 100% browser-side

🎯
Category-Aware Prompts
Shirt → clothing terms. Saree → ethnic terms. Phone → device terms.
✨
Features Integration
Cotton, slim fit, navy blue — all woven into the AI prompt.
🚫
No HuggingFace / Replicate
Pure Puter.js. Free forever. No signup. No API key.
📦
4 Shot Types
Studio, Model, Lifestyle, Premium Brand — for any product.
🖼️

AI Product Image Generator

Enter your product details — the smarter prompt engine handles the rest

📋 API Reference — How to Integrate

🆕 Primary API (v5) — use in ai-product-studio.js

// generateImages(productData) — the correct way in v5
const shots = await generateImages({
  productName: 'Yellow Checkered Cotton Shirt',
  category:    'Clothing & Apparel',
  features:    'Slim fit, full sleeves, breathable cotton'
});

// shots = [
//   { url: '...', label: 'Studio Shot',        type: 'studio',    emoji: '📦', error: false },
//   { url: '...', label: 'Model Shot',          type: 'model',     emoji: '👗', error: false },
//   { url: '...', label: 'Lifestyle Shot',      type: 'lifestyle', emoji: '🌿', error: false },
//   { url: '...', label: 'Premium Brand Shot',  type: 'premium',   emoji: '✨', error: false },
// ]

🔄 Integration in ai-product-studio.js (replace old call)

// ── OLD (broken — only product name, no category/features) ──
const imagePromise = window.generateProductImages(_state.productName.trim());

// ── NEW (fixed — pass full product data object) ──
const imagePromise = window.generateImages({
  productName: _state.productName.trim(),
  category:    _state.category,     // from ps-cat select
  features:    _state.features,     // from ps-feats input
});

📄 Script tag — drop into any HTML page

<!-- 1. Load Puter.js (optional — image-generator.js loads it automatically) -->
<script src="https://js.puter.com/v2/"></script>

<!-- 2. Load the fixed image generator -->
<script src="image-generator.js"></script>

<!-- 3. Call it -->
<script>
  const shots = await generateImages({
    productName: 'Silk Banarasi Saree',
    category:    'Saree',
    features:    'Zari border, red and gold, wedding wear',
  });
  shots.forEach(s => console.log(s.label, s.url));
</script>