From website-builder
AI-powered content and image generation using content-image-generation MCP with Google Imagen 3/4, Veo 2/3, Claude Sonnet, and Gemini 2.0. Use when generating marketing content, creating hero images, building blog posts, generating product descriptions, creating videos, optimizing AI prompts, estimating generation costs, or when user mentions Imagen, Veo, AI content, AI images, content generation, image generation, video generation, marketing copy, or Google AI.
How this skill is triggered — by the user, by Claude, or both
Slash command
/website-builder:skills/ai-content-generationThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
AI-powered content and image generation skill using the content-image-generation MCP server. This skill provides capabilities for generating marketing content with Claude Sonnet 4 or Gemini 2.0 Pro, creating images with Google Imagen 3/4, and generating videos with Google Veo 2/3.
examples/batch-content-generation-example.mdexamples/dynamic-content-personalization-example.mdexamples/hero-image-generation-example.mdscripts/calculate-cost.shscripts/enhance-image-prompt.shscripts/optimize-batch.shscripts/setup-environment.shscripts/validate-mcp-setup.shscripts/validate-output.shtemplates/prompts/blog-post-prompt.mdtemplates/prompts/hero-section-prompt.mdtemplates/python/content_generator.pytemplates/python/image_generator.pytemplates/typescript/content-generator.tstemplates/typescript/image-generator.tstemplates/workflows/batch-generation.tstemplates/workflows/cost-estimation.tsAI-powered content and image generation skill using the content-image-generation MCP server. This skill provides capabilities for generating marketing content with Claude Sonnet 4 or Gemini 2.0 Pro, creating images with Google Imagen 3/4, and generating videos with Google Veo 2/3.
Before generating content, verify MCP integration:
# Validate MCP server configuration
bash scripts/validate-mcp-setup.sh
# Setup environment variables
bash scripts/setup-environment.sh
Enhance Prompt: Use prompt enhancement for better results
bash scripts/enhance-image-prompt.sh "your basic prompt"
Estimate Cost: Calculate generation costs
bash scripts/calculate-cost.sh --type image --quality HD --count 5
Generate Image: Use MCP tool with enhanced parameters
templates/typescript/image-generation.ts or templates/python/image-generation.pygenerate_image_imagen3 or batch_generate_imagesValidate Output: Check image quality and dimensions
bash scripts/validate-output.sh --type image --path /path/to/image.png
Define Requirements: Gather content parameters
Estimate Cost: Calculate generation costs
bash scripts/calculate-cost.sh --type content --model claude-sonnet-4 --length 1000
Generate Content: Use MCP tool
templates/typescript/content-generation.ts or templates/python/content-generation.pygenerate_marketing_contentReview and Refine: Validate content quality
bash scripts/validate-output.sh --type content --path /path/to/content.md
Prepare Prompt: Create detailed video description
bash scripts/enhance-video-prompt.sh "your video description"
Estimate Cost: Calculate video generation costs
bash scripts/calculate-cost.sh --type video --duration 5 --quality HD
Generate Video: Use MCP tool
templates/typescript/video-generation.ts or templates/python/video-generation.pygenerate_video_veo3For multiple assets, use batch generation:
# Optimize batch parameters
bash scripts/optimize-batch.sh --type image --count 10 --budget 50
# Generate batch with optimized settings
# Use batch_generate_images MCP tool
generate_image_imagen3: Generate single image with Imagen 3/4
batch_generate_images: Generate multiple images efficiently
generate_marketing_content: Generate marketing copy
generate_video_veo3: Generate video with Veo 2/3
calculate_cost_estimate: Estimate generation costs
image_prompt_enhancer: Enhance image prompts
All scripts are located in skills/ai-content-generation/scripts/:
setup-environment.sh: Configure environment variables and credentialsvalidate-mcp-setup.sh: Verify MCP server connection and toolsenhance-image-prompt.sh: Improve image generation promptscalculate-cost.sh: Estimate generation costs before executionvalidate-output.sh: Check quality of generated assetsoptimize-batch.sh: Optimize batch generation parameterstest-generation.sh: Run test generation to verify setuptemplates/typescript/)image-generation.ts: Complete image generation implementationcontent-generation.ts: Marketing content generationvideo-generation.ts: Video generation workflowtemplates/python/)image-generation.py: Complete image generation implementationcontent-generation.py: Marketing content generationvideo-generation.py: Video generation workflowSee examples/ directory for comprehensive usage examples:
basic-usage.md: Simple image and content generationadvanced-usage.md: Batch operations, cost optimization, custom parameterscommon-patterns.md: Hero images, blog headers, product gallerieserror-handling.md: Retry logic, fallbacks, validationintegration.md: Astro integration, asset management, workflow automationGOOGLE_CLOUD_PROJECT: Google Cloud project ID for Vertex AIANTHROPIC_API_KEY: API key for Claude Sonnet content generationGOOGLE_AI_API_KEY: (Optional) API key for Gemini content generation.mcp.jsonSkill Version: 1.0.0 Plugin: website-builder MCP Server: content-image-generation
npx claudepluginhub vanman2024/ai-dev-marketplace --plugin website-builderGenerates professional AI images using Google Gemini via Node CLI for web hero sections, landing pages, slide decks, presentations, and app illustrations. Optimizes prompts and selects aspect ratios.
Generates AI images for SEO assets: OG/social previews, blog heroes, schema images, product photos, infographics using Gemini via banana extension.
Generates AI images for SEO assets including OG/social previews, blog heroes, schema images, product photos, and infographics using Gemini via banana extension.