lov-image-creator

# Image Creator — Multi-Mechanism Framework ## Mechanism Selection Choose the mechanism based on user intent: | Mechanism | When to Use | Output | |-----------|------------|--------| | **end-to-end** | User wants AI-generated artwork, photos, illustrations | PNG image | | **code** | User wants designed layouts (posters, cards, banners) with editable content | HTML file + PNG | | **prompt** | User wants a prompt for external model (Midjourney, nano-banana-pro, etc.) | Text prompt | If the user doesn't specify, infer from context: - "生成一张猫的图片" → end-to-end - "做一张活动海报" → code - "帮我写一个 Midjourney prompt" → prompt ## Mechanism 1: End-to-End (Gemini) ```bash python3 gen_image.py "PROMPT" [-o output.png] [-q low|medium|high] [--ascii] ``` - Generates image directly via Gemini 3 Pro (through ZenMux) - Requires `ZENMUX_API_KEY` environment variable - First run auto-installs `google-genai` and `Pillow` via `pip --user` (no manual setup) - Display result with `Read` tool after generation ## Mechanism 2: Code-Based Rendering ### Step 1: Generate HTML Write a single self-contained HTML file that includes all styles inline. Use: - **React 19** via CDN (`https://cdn.jsdelivr.net/npm/react@19/umd/react.production.min.js`) - **ReactDOM 19** via CDN - **Tailwind CSS** via CDN (`https://cdn.tailwindcss.com`) - **Google Fonts** via `<link>` for CJK: `Noto Sans SC`, `Noto Serif SC` Template structure: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewpor...