creative-direction
Creative Direction
Image prompt templates, model selection guidance, and anti-generic patterns for generating visual assets. Covers hero images, feature illustrations, testimonial photos, OG images, and more.
When to Use
- User needs images for a landing page, app, or marketing site
- User asks for "hero image", "feature illustration", or "OG image"
- User wants AI-generated visuals that don't look like stock photos
- User is choosing between image generation models
- User's current AI images look generic and need direction
Core Philosophy
- Generic is the enemy. "A person using a laptop" produces forgettable images. Specificity creates memorability.
- Every image has a job. Hero = emotion + aspiration. Feature = clarity. Testimonial = trust. Know the job before prompting.
- Model matters. Different models excel at different things. Pick the right tool.
- Consistency beats quality. A cohesive set of 7/10 images beats one 10/10 with six mismatches.
More from dylanfeltus/skills
visual-qa
Use vision models to self-review screenshots against design intent. Catches spacing issues, alignment problems, color inconsistencies, responsive bugs, and accessibility gaps. Use when reviewing designs, comparing implementations to mockups, or doing pre-ship QA.
187producthunt
Search Product Hunt launches, products, and makers via the GraphQL V2 API. Use when the user asks about Product Hunt launches, trending products, or wants to research a product's reception. Requires a free developer token (~2 min setup).
186design-tokens
Generate type scales, color palettes, spacing systems, WCAG contrast checks, and dark mode derivations with math. Use when setting up a design system, creating tokens, or building a Tailwind/CSS theme. Outputs CSS custom properties, Tailwind config, or JSON tokens.
130trademark-search
Search the USPTO trademark database to check name availability and get registration details. Use when the user wants to check if a name is trademarked, research trademark availability, or look up registration status. No API key required.
116motion-design-patterns
Framer Motion (Motion) animation patterns for React — springs, staggers, layout animations, micro-interactions, scroll effects, and page transitions. Use when building or improving UI animations, adding polish, or making interfaces feel premium.
110recursive-improvement
A pattern for generating higher-quality output by iterating against explicit scoring criteria. Use for headlines, CTAs, landing page copy, social content, ad copy — anything where quality matters. Generate → Evaluate → Diagnose → Improve → Repeat.
80