skills.rest
felvieira
felvieiraCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

image-generator

Generate and adapt visual assets aligned with existing UI tokens.

22|6|Updated Mar 10, 2026
Search Tags:#assets#icon#generate#illustration#visual-design#hero-image#branding-tokens
One-click install
npx skills add https://github.com/felvieira/claude-skills-fv --skill image-generator-felvieira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-generator
Source: https://github.com/felvieira/claude-skills-fv/tree/main/skills/17-image-generator
Command: npx skills add https://github.com/felvieira/claude-skills-fv --skill image-generator-felvieira

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual asset teams often struggle to keep branding consistent across hero images, backgrounds, icons, illustrations, favicons, and mascots. The Image Generator streamlines generation and adaptation so assets align with the project style without manual, error-prone tweaks.

Core Features & Use Cases

  • Decide between generating from scratch (t2i) or deriving from existing visuals (i2i) to preserve brand identity.
  • Analyze design tokens, color palettes, and existing assets to ensure cohesive visuals across UI.
  • Output ready-to-use assets in standard project paths and provide clear handoffs to UI/UX, Frontend, or SEO teams.

Quick Start

Describe the asset you need and context, and instruct the AI to generate a cohesive visual asset that matches the project style.

Frequently Asked Questions about image-generator

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

FAQPage Schema
How do I generate visual assets that match my existing brand identity?▼

To automate visual asset generation while maintaining design consistency, you describe the needed asset and context. The tool then analyzes your design tokens and color palettes to output cohesive heroes, backgrounds, and illustrations directly to conventional project paths.

When should I use text-to-image vs image-to-image generation for UI assets?▼

Use text-to-image generation to create assets from scratch, and image-to-image generation to derive new visuals from existing ones. Choosing i2i helps preserve brand identity by adapting current assets rather than generating entirely new variations.

Can I use this to generate favicons and social cards for web and mobile apps?▼

Yes, you can generate favicons and social cards across web, desktop, and mobile contexts. The tool adapts visual assets for different platforms and outputs ready-to-use files in standard project paths for immediate integration.

What is the best way to ensure design consistency across hero images and icons?▼

The best way to ensure design consistency across heroes and icons is to automate asset generation using existing UI tokens and color palettes. This aligns new visuals with the project style and provides clear handoffs to Frontend or UI/UX teams.

How do I automate illustration generation for Tauri desktop applications?▼

To automate illustration generation for Tauri desktop applications, describe the asset and specify the desktop context. The tool ensures visual alignment with existing assets and outputs the files to standard project paths for your Frontend team.

Related Skills

Explore More Design & Creative Skills→
figmafigma
1.9k

implement-design

Translate Figma designs into UI code using design tokens and existing components.

Official
Advanced
Euraika-LabsEuraika-Labs
14

team-ui

Orchestrate multi-role UI workflows for game projects from specification to polish.

Official
Advanced
octavehqoctavehq

octave-get-brand-components

Capture website design systems to generate reusable component kits with CSS and HTML templates.

Official
Advanced
ShiienShiien
7

paper-art

Generates pixel-art or flat SVG visuals aligned with branding for READMEs and slides.

Community
Intermediate