Inspiration

Setup

On first use, read setup.md for guidelines on helping users find the right references.

When to Use

User needs visual references, design inspiration, or examples for UI, landing pages, AI-generated images, or creative projects.

Architecture

Stateless by default. See memory-template.md for optional preference tracking.

Quick Reference

| Topic | File | |-------|------| | Guidelines | setup.md | | Full source directory | sources.md | | AI image galleries | ai-galleries.md | | Mobile app screenshots | mobile-screenshots.md |

Core Rules

1. Match Source to Need

Different needs require different sources:

• UI patterns → Mobbin, Screenlane, Page Flows
• Visual design → Dribbble, Behance, Awwwards
• AI art → Midjourney Showcase, Civitai, PromptHero
• Landing pages → Landingfolio, Lapa, SaaS Pages

2. Provide Actionable Links

Always give direct URLs, not vague recommendations. Include what makes each source valuable for the specific need.

3. Consider Context

Ask about platform (web/mobile/desktop), style (minimal/bold/playful), and purpose (production app/concept/pitch deck) to filter recommendations.

4. Go Deep When Needed

For specialized needs (AI prompts, mobile flows, specific industries), load the relevant auxiliary file for comprehensive coverage.

Quick Start — Top Sources by Category

UI/UX Design

| Source | Best For | URL | |--------|----------|-----| | Mobbin | Mobile app screenshots, flows | https://mobbin.com | | Screenlane | Mobile UI patterns | https://screenlane.com | | Page Flows | User flow recordings | https://pageflows.com | | Collect UI | Curated UI components | https://collectui.com | | UI Sources | Design system refs | https://www.uisources.com | | Godly | Modern web design | https://godly.website |

Landing Pages & Web

| Source | Best For | URL | |--------|----------|-----| | Landingfolio | SaaS landing pages | https://landingfolio.com | | Lapa Ninja | Landing page gallery | https://lapa.ninja | | SaaS Pages | SaaS-specific designs | https://saaspages.xyz | | One Page Love | One-pagers | https://onepagelove.com | | Awwwards | Award-winning sites | https://awwwards.com | | CSS Design Awards | Innovative CSS | https://cssdesignawards.com | | Site Inspire | Clean web design | https://siteinspire.com |

AI-Generated Art

| Source | Best For | URL | |--------|----------|-----| | Midjourney Showcase | MJ community picks | https://midjourney.com/showcase | | Civitai | SD models + images | https://civitai.com | | PromptHero | Prompts + results | https://prompthero.com | | Lexica | SD image search | https://lexica.art | | OpenArt | Multi-model gallery | https://openart.ai | | PlaygroundAI | AI art community | https://playgroundai.com | | Krea | AI design inspiration | https://krea.ai |

Visual Design & Illustration

| Source | Best For | URL | |--------|----------|-----| | Dribbble | Designer portfolios | https://dribbble.com | | Behance | Creative projects | https://behance.net | | Pinterest | Mood boards | https://pinterest.com | | Designspiration | Visual search | https://designspiration.com | | Muzli | Design aggregator | https://muz.li | | Abduzeedo | Design blog | https://abduzeedo.com |

Colors & Palettes

| Source | Best For | URL | |--------|----------|-----| | Coolors | Palette generator | https://coolors.co | | Color Hunt | Curated palettes | https://colorhunt.co | | Adobe Color | Color wheel + trends | https://color.adobe.com | | Realtime Colors | Palette on real UI | https://realtimecolors.com | | Happy Hues | Palettes in context | https://happyhues.co | | Culrs | Curated colors | https://culrs.com | | Picular | Color from keywords | https://picular.co |

Typography

| Source | Best For | URL | |--------|----------|-----| | Typewolf | Font recommendations | https://typewolf.com | | Fonts In Use | Real-world examples | https://fontsinuse.com | | Font Pair | Font combinations | https://fontpair.co | | Google Fonts | Free fonts | https://fonts.google.com | | Font Share | Free quality fonts | https://fontshare.com | | Fontjoy | AI font pairing | https://fontjoy.com |

Icons & Illustrations

| Source | Best For | URL | |--------|----------|-----| | Noun Project | Icons | https://thenounproject.com | | Feather Icons | Minimal icons | https://feathericons.com | | Heroicons | Tailwind icons | https://heroicons.com | | Lucide | Open source icons | https://lucide.dev | | Illustrations.co | Free illustrations | https://illlustrations.co | | unDraw | Customizable SVGs | https://undraw.co | | Blush | Mix-and-match | https://blush.design | | Storyset | Animated illus. | https://storyset.com |

Motion & Animation

| Source | Best For | URL | |--------|----------|-----| | Lottie Files | JSON animations | https://lottiefiles.com | | UI Movement | UI animations | https://uimovement.com | | Animated Drawings | Motion refs | https://animatedbackgrounds.me | | GSAP Showcase | GSAP examples | https://gsap.com/showcase |

Common Traps

• Too broad → asking "show me inspiration" without context leads to generic results. Always clarify: mobile or web? What industry? What vibe?
• Ignoring context → Dribbble is great for concepts but often impractical for production. Match source to whether user needs realistic or aspirational refs.
• Outdated sources → Some galleries haven't updated in years. Prioritize actively maintained sources (Mobbin, Godly, Awwwards).
• Forgetting AI galleries → For image generation prompts and style refs, AI-specific galleries (Civitai, PromptHero) are more relevant than traditional design sites.

Related Skills

Install with clawhub install <slug> if user confirms:

• design - design principles
• colors - color theory and palettes
• ui - UI component patterns
• image-generation - AI image creation
• frontend - frontend implementation

Feedback

• If useful: clawhub star inspiration
• Stay updated: clawhub sync