image-generation

Generate production-ready image prompts for website assets using Imagen 3.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/NoCodeify/aeo --skill image-generation-nocodeify
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: image-generation
Source: https://github.com/NoCodeify/aeo/tree/main/.claude/skills/image-generation
Command: npx skills add https://github.com/NoCodeify/aeo --skill image-generation-nocodeify

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides structured, ready-to-use prompts for generating website imagery with Imagen 3 (Nano Bana Pro), eliminating guesswork and ensuring consistent visual assets.

Core Features & Use Cases

  • Generate production-ready prompts for website assets such as infographics, diagrams, icons, and maps.
  • Define a prompt blueprint including Subject/Content, Style, Layout, Colors, Typography, Quality, and Avoid to ensure high-quality outputs.
  • Use templates for common visuals (e.g., hero images, icons, data visuals, comparison visuals) and adapt prompts to different pages and brands.

Quick Start

Use this skill to generate a complete image-prompt for a website asset. Provide a subject and desired style, and the skill will return a full prompt with filename, used-on targets, dimensions, and a detailed generation instruction.

Frequently Asked Questions about image-generation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate production-ready image prompts for website assets?

To generate production-ready image prompts for website assets, provide a subject and desired style to receive a structured blueprint including layout, colors, typography, and avoidance guidelines for consistent visuals.

What should an image prompt blueprint include for high-quality infographics and diagrams?

An image prompt blueprint for high-quality infographics and diagrams must include subject content, style, layout, colors, typography, quality parameters, and avoidance guidelines to ensure consistent outputs using Imagen 3.

Can I use this prompt template approach for marketing materials and different brand pages?

Yes, you can adapt generated prompt templates for marketing materials and different brand pages by adjusting the defined subject, style, and color parameters to match specific visual requirements.

Does this image generation skill work with Imagen 3 for icons and comparison visuals?

This image generation skill works directly with Imagen 3 to produce structured prompts specifically designed for creating website icons, maps, and comparison visuals with defined dimensions and filenames.

What is the best way to structure image prompts to avoid inconsistent web asset generation?

The best way to avoid inconsistent web asset generation is to use a structured prompt blueprint that explicitly defines quality parameters and avoidance guidelines alongside subject, style, and layout details.