Claude Code Plugins

Community-maintained marketplace

Feedback

Image Generation

@agentpoet/Agentic-Coding-System-Self-Improving-Framework
0
0

Generate AI-powered images for UI mockups, icons, and visual assets

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name Image Generation
description Generate AI-powered images for UI mockups, icons, and visual assets
triggers generate image, create image, ai image, design graphic

Image Generation Skill

Generate images using AI for mockups, icons, and visual assets.

Use Cases

  • UI mockups and wireframes
  • Custom icons and graphics
  • Marketing visuals
  • Placeholder images
  • Concept art

Example Prompts

"generate image: modern SaaS dashboard mockup
 Style: Clean, minimal, Tailwind aesthetic
 Colors: Blue/gray palette
 Elements: Sidebar, charts, data tables
 Save: temp/images/dashboard-mockup.png"

"create 10 custom icons for navigation:
 - Home, Search, Settings, Profile, Notifications, etc.
 Style: Outline, 24x24px, stroke-2
 Format: SVG
 Save: src/assets/icons/"

Integration

Generated images can be:

  • Used as design inspiration
  • Converted to code (via screenshot → Gemini)
  • Used as placeholders
  • Refined by designer

Note: AI-generated images work best as starting points for human refinement.