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`