Illustrator
Brand-consistent image generation via Google Imagen 4.0. It discovers project mood (CSS, configs) to ensure visual harmony.
Usage Triggers
- •Generating images matching project UI/UX.
- •Creating assets for landing pages, blogs, or components.
Workflow
- •Discovery: Inspect
tailwind.config, CSS variables (--primary), and existing assets for "vibe" (glassmorphism, vintage, flat). - •Alignment: Clarify Theme (e.g., "Cyberpunk"), Context (Hero, Icon), and Metaphor.
- •Execution: Run generation script.
bash
python .ai/skills/illustrator/scripts/generate.py --prompt "[PROMPT]" --aspect_ratio "[1:1|9:16|16:9|4:3|3:4]" --output "assets/[NAME].jpg"
- •Handover: Use
uploaderto move assets if needed.
Directory Structure
- •See Implementation logic for image generation
- •See General design principles
- •See Temporary local cache for generated images
Constraints
- •Discovery First: Never assume a color palette; always try to discover it.