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 64 stars 16 forks Updated today MIT

Install

View on GitHub

Quality Score: 89/100

Stars 20%
60
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
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
4 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

AI & Automation Solid

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 2 weeks ago
mishahanin
AI & Automation Listed

image-prompt

Generate AI image prompts with visual identity and style consistency — reads brand charter, applies artistic styles, outputs multiple prompt variants. Triggers: "image-prompt" | "generate image prompt" | "image prompt" | "prompt for image" | "visual prompt" | "generate a prompt for Grok" | "generate a prompt for Midjourney" | "generate a prompt for flux" | "image generation prompt" | "create image prompt" | "prompt for dall-e".

9 Updated 2 days ago
Roxabi