Supports hero banners, service cards, infographics with legible text (94% at 4K), and multi-turn editing across 10+ aspect ratios and resolutions up to 4K
Two active models: Gemini 3 Pro Image Preview for 4K and complex compositions; Gemini 2.5 Flash Image for fast iteration
Handles up to 14 reference images (max 5 human for consistency), style transfer, color changes, element addition/removal, and aspect ra
Fetches image-gen from jezweb/claude-skills and configures it for Cursor.
3
Select Cursor when prompted
The CLI shows a list of agents. Use arrow keys and space to select Cursor:
◆ Which agents do you want to install to?
│
│ ── Universal (.agents/skills) ────────────────
│ · Cline · Codex · Goose · Windsurf
│ ●Cursor(selected)
│ · Cursor · Aider · Continue
4
Verify installation
Confirm successful installation by checking the skill directory location:
.cursor/skills/image-gen
Restart Cursor to activate image-gen. Access via /image-gen in your agent's command palette.
⚠
Security Notice
We perform automated surface-level scans (Gen AI Scanner, Socket, Snyk) during installation. These checks detect common vulnerabilities but do not guarantee complete security. Always review skill source code and verify the publisher's reputation before production use.
Skills execute code in your environment. Always review source, verify the publisher, and test in isolation before production.
Generate and edit website images using Gemini Native Image Generation.
⚠️ Critical: SDK Migration Required
IMPORTANT: The @google/generative-ai package is deprecated as of November 30, 2025. All new projects must use @google/genai.
Migration Required:
// ❌ OLD (deprecated, support ended Nov 30, 2025)import{ GoogleGenerativeAI }from"@google/generative-ai";const genAI =newGoogleGenerativeAI(API_KEY);// ✅ NEW (required)import{ GoogleGenAI }from"@google/genai";const ai =newGoogleGenAI({ apiKey:API_KEY});
import{ GoogleGenAI }from"@google/genai";const ai =newGoogleGenAI({ apiKey: process.env.GEMINI_API_KEY});// Generate new imageconst response =await ai.models.generateContent({ model:"gemini-2.5-flash-image", contents:"A professional plumber in hi-vis working in modern Australian home", config:{ responseModalities:["TEXT","IMAGE"],// BOTH required - cannot use ["IMAGE"] alone imageGenerationConfig:{ aspectRatio:"16:9",},},});// Extract imagefor(const part of response.candidates[0].content.parts){if(part.inlineData){const buffer = Buffer.from(part.inlineData.data,"base64"); fs.writeFileSync("hero.png", buffer);}}
Important: responseModalities must include both ["TEXT", "IMAGE"]. Using ["IMAGE"] alone may fail or produce unexpected results.
Model Selection
Requirement
Use
Fast iteration
Gemini 2.5 Flash Image
4K resolution
Gemini 3 Pro Image Preview
Text in images
Gemini 3 Pro (94% legibility at 4K)
Simple edits
Gemini 2.5 Flash Image
Complex compositions
Gemini 3 Pro Image Preview
Infographics/diagrams
Gemini 3 Pro Image Preview
Text Rendering Benchmarks (4K resolution):
Gemini 3 Pro Image: 94% legible text
DALL-E 3: 78% legible text
Midjourney: Decorative pseudo-text only
When to Use
Use Gemini Image Gen when:
Stock photos don't fit brand/context
Need Australian-specific imagery
Need text in images (infographics, diagrams)
Need consistent style across multiple images
Need to edit/modify existing images
Client has no photos of their work
Don't use when:
Client has good photos of actual work
Real team photos needed (discuss first)
Product shots (use real products)
Legal/compliance concerns
Known Issues Prevention
This skill prevents 5 documented issues:
Issue #1: Resolution Parameter Case Sensitivity
Error: Request fails with invalid parameter error
Source: Google AI Image Generation DocsWhy It Happens: Resolution values are case-sensitive and must use uppercase 'K'.
Prevention: Always use "4K", "2K", "1K" - never lowercase "4k".
Issue #2: Aspect Ratio May Be Ignored (Sept 2025+)
Error: Returns 1:1 square image despite requesting 16:9 or other ratios
Source: Google Support ThreadWhy It Happens: Backend update in September 2025 affected Gemini 2.5 Flash Image model's aspect ratio handling.
Prevention: Use Gemini 3 Pro Image Preview for reliable aspect ratio control, or generate 1:1 and use multi-turn editing to extend.
// May ignore aspectRatio on Gemini 2.5 Flash Imagemodel:"gemini-2.5-flash-image",config:{ imageGenerationConfig:{ aspectRatio:"16:9"}}// More reliable for aspect ratio controlmodel:"gemini-3-pro-image-preview",config:{ imageGenerationConfig:{ aspectRatio:"16:9"}}
Status: Google confirmed working on fix (Sept 2025).
Issue #3: Exceeding 5 Human Reference Images
Error: Unpredictable character consistency in generated images
Source: Google AI Image Generation DocsWhy It Happens: Gemini 3 Pro Image supports up to 14 reference images total, but only 5 can be human images for character consistency.
Prevention: Limit human images to 5 or fewer. Use remaining slots (up to 14 total) for objects/scenes.
// ❌ WRONG - 7 human images exceeds limitconst humanImages =[img1, img2, img3, img4, img5, img6, img7];const prompt =[{ text:"Generate consistent characters"},...humanImages.map(img =>({ inlineData:{ data: img, mimeType:"image/png"}})),];// ✅ CORRECT - max 5 human imagesconst humanImages = images.slice(0,5);// Limit to 5const objectImages = images.slice(5,14);// Up to 9 more for objectsconst prompt =[{ text:"Generate consistent characters"},...humanImages.map(img =>({ inlineData:{ data: img, mimeType:"image/png"}})),...objectImages.map(img =>({ inlineData:{ data: img, mimeType:"image/png"}})),];
Issue #4: SynthID Watermark Cannot Be Disabled
Error: N/A (documented limitation)
Source: Google AI Image Generation DocsWhy It Happens: All generated images automatically include a SynthID watermark for content authenticity tracking.
Prevention: Be aware of this limitation for commercial use cases. Watermark cannot be disabled by developers.
Issue #5: Google Search Grounding Excludes Image Results
Error: Generated images don't reflect visual search results, only text
Source: Google AI Image Generation DocsWhy It Happens: When using Google Search tool with image generation, "image-based search results are not passed to the generation model."
Prevention: Only text-based search results inform the visual output. Don't expect the model to reference images from search results.
// Google Search tool enabledconst response =await ai.models.generateContent({ model:"gemini-3-pro-image-preview", contents:"Generate image of latest iPhone design", tools:[{ googleSearch:{}}], config:{ responseModalities:
✓
Make data-driven prioritization decisions faster
Stakeholder Communication
Draft PRDs, status updates, and stakeholder presentations
›Access to product documentation and roadmap tools (Jira, Notion, etc.)
›Understanding of product management frameworks (RICE, Jobs-to-be-Done, etc.)
›Stakeholder contact information and communication channels
Time Estimate
30-60 minutes to see productivity improvements
Steps
1Install product management skill
2Start with user story generation for known feature
3Progress to competitive analysis: research 2-3 competitors
4Use for roadmap prioritization: apply RICE/ICE scoring
5Draft stakeholder communications and refine based on feedback
6Build template library for recurring PM tasks
7Share effective prompts with product team
Common Pitfalls
⚠Not validating competitive research—verify facts before sharing
⚠Accepting user stories without involving engineering team
⚠Over-relying on frameworks without qualitative judgment
⚠Not customizing outputs to company culture and communication style
⚠Skipping stakeholder validation of generated requirements
Best Practices
✓ Do
+Validate research and competitive analysis with real data
+Collaborate with engineering when generating technical requirements
+Customize frameworks and templates to your company context
+Use skill for first drafts, refine with stakeholder input
+Document successful prompt patterns for PM tasks
+Combine AI efficiency with human judgment and intuition
✗ Don't
−Don't publish competitive analysis without fact-checking
−Don't finalize user stories without engineering review
−Don't make prioritization decisions solely on AI scoring
−Don't skip customer validation of generated requirements
−Don't ignore company-specific context and culture
💡 Pro Tips
★Provide context: company goals, constraints, customer feedback
★Ask for alternatives: 'Show 3 ways to prioritize this roadmap'
★Request stakeholder-specific formatting: 'Executive summary vs. engineering spec'
★Use skill for 70% generation + 30% customization to company needs
When to Use This
✓ Use when
Use for user story writing, competitive research, roadmap prioritization, stakeholder communication, and PRD drafting. Best for reducing repetitive documentation and research work.
✗ Avoid when
Avoid for strategic product vision (requires deep customer empathy), pricing decisions (needs market and financial expertise), or when face-to-face customer discovery is more valuable than speed.
Learning Path
1Basic: user stories, feature specs, status updates
