lov-image-creator

Featured

Generate images via multiple mechanisms. Supports: (1) End-to-end AI generation via Gemini/ZenMux — given a prompt, directly output an image. (2) Code-based rendering — generate HTML/React single-file, render to PNG via Playwright. (3) Prompt engineering — generate optimized prompts for external models (nano-banana-pro, etc.). Trigger words: image, generate image, 生图, render, poster, 海报, banner, card, 卡片

Data & Documents 65 stars 17 forks Updated today MIT

Install

View on GitHub

Quality Score: 89/100

Stars 20%

Recency 20%

100

Frontmatter 20%

Documentation 15%

100

Issue Health 10%

License 10%

100

Description 5%

100

Skill Content

# 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...

Details

Author: lovstudio
Repository: lovstudio/skills
Created: 5 months ago
Last Updated: today
Language: Python
License: MIT

Integrates with

Tailwind CSS · Frontend Playwright · Testing

Bundled in these plugins

skills

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

designer-image-generation

Generates one hero image using the Gemini AI image API, optimizes it to a compact web-friendly file (WebP, under 200 KB), and saves it alongside the blog post. Reads JSON image prompts from image-prompts.md created by the Writer. If image-prompts.md is missing, invokes the Writer to generate it first. If generation fails, saves the prompt so it can be used in any external image tool. Use when the operator says "generate the image", "hero image", "create a visual", or a finished post is missing its hero image.

0 Updated 5 days ago

talentedgeai

AI & Automation Listed

image-prompt

Generate AI text-to-image prompts from written content. Use after creating any content (LinkedIn post, blog article, email, presentation copy, announcement) to produce a photorealistic image prompt for Midjourney, DALL-E, Stable Diffusion, or similar platforms. Trigger when the user asks for an image, visual, illustration, or accompanying graphic for content just produced. Also use when the user says "image-prompt" or asks to visualize a post or article.

2 Updated 1 months ago

mishahanin