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
Landing Pages & Web
AI-Generated Art
Visual Design & Illustration
Colors & Palettes
Typography
Icons & Illustrations
Motion & Animation
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 principlescolors - color theory and palettesui - UI component patternsimage-generation - AI image creationfrontend - frontend implementation
Feedback
- If useful:
clawhub star inspiration
- Stay updated:
clawhub sync
1---2name: inspiration3description: Find design and AI art inspiration from curated galleries, screenshot libraries, and creative showcases.4---5
6## Setup
7
8On first use, read `setup.md` for guidelines on helping users find the right references.
9
10## When to Use
11
12User needs visual references, design inspiration, or examples for UI, landing pages, AI-generated images, or creative projects.
13
14## Architecture
15
16Stateless by default. See `memory-template.md` for optional preference tracking.
17
18## Quick Reference
19
20| Topic | File |
21|-------|------|
22| Guidelines | `setup.md` |
23| Full source directory | `sources.md` |
24| AI image galleries | `ai-galleries.md` |
25| Mobile app screenshots | `mobile-screenshots.md` |
26
27## Core Rules
28
29### 1. Match Source to Need
30Different needs require different sources:
31- **UI patterns** → Mobbin, Screenlane, Page Flows
32- **Visual design** → Dribbble, Behance, Awwwards
33- **AI art** → Midjourney Showcase, Civitai, PromptHero
34- **Landing pages** → Landingfolio, Lapa, SaaS Pages
35
36### 2. Provide Actionable Links
37Always give direct URLs, not vague recommendations. Include what makes each source valuable for the specific need.
38
39### 3. Consider Context
40Ask about platform (web/mobile/desktop), style (minimal/bold/playful), and purpose (production app/concept/pitch deck) to filter recommendations.
41
42### 4. Go Deep When Needed
43For specialized needs (AI prompts, mobile flows, specific industries), load the relevant auxiliary file for comprehensive coverage.
44
45## Quick Start — Top Sources by Category
46
47### UI/UX Design
48
49| Source | Best For | URL |
50|--------|----------|-----|
51| **Mobbin** | Mobile app screenshots, flows | https://mobbin.com |
52| **Screenlane** | Mobile UI patterns | https://screenlane.com |
53| **Page Flows** | User flow recordings | https://pageflows.com |
54| **Collect UI** | Curated UI components | https://collectui.com |
55| **UI Sources** | Design system refs | https://www.uisources.com |
56| **Godly** | Modern web design | https://godly.website |
57
58### Landing Pages & Web
59
60| Source | Best For | URL |
61|--------|----------|-----|
62| **Landingfolio** | SaaS landing pages | https://landingfolio.com |
63| **Lapa Ninja** | Landing page gallery | https://lapa.ninja |
64| **SaaS Pages** | SaaS-specific designs | https://saaspages.xyz |
65| **One Page Love** | One-pagers | https://onepagelove.com |
66| **Awwwards** | Award-winning sites | https://awwwards.com |
67| **CSS Design Awards** | Innovative CSS | https://cssdesignawards.com |
68| **Site Inspire** | Clean web design | https://siteinspire.com |
69
70### AI-Generated Art
71
72| Source | Best For | URL |
73|--------|----------|-----|
74| **Midjourney Showcase** | MJ community picks | https://midjourney.com/showcase |
75| **Civitai** | SD models + images | https://civitai.com |
76| **PromptHero** | Prompts + results | https://prompthero.com |
77| **Lexica** | SD image search | https://lexica.art |
78| **OpenArt** | Multi-model gallery | https://openart.ai |
79| **PlaygroundAI** | AI art community | https://playgroundai.com |
80| **Krea** | AI design inspiration | https://krea.ai |
81
82### Visual Design & Illustration
83
84| Source | Best For | URL |
85|--------|----------|-----|
86| **Dribbble** | Designer portfolios | https://dribbble.com |
87| **Behance** | Creative projects | https://behance.net |
88| **Pinterest** | Mood boards | https://pinterest.com |
89| **Designspiration** | Visual search | https://designspiration.com |
90| **Muzli** | Design aggregator | https://muz.li |
91| **Abduzeedo** | Design blog | https://abduzeedo.com |
92
93### Colors & Palettes
94
95| Source | Best For | URL |
96|--------|----------|-----|
97| **Coolors** | Palette generator | https://coolors.co |
98| **Color Hunt** | Curated palettes | https://colorhunt.co |
99| **Adobe Color** | Color wheel + trends | https://color.adobe.com |
100| **Realtime Colors** | Palette on real UI | https://realtimecolors.com |
101| **Happy Hues** | Palettes in context | https://happyhues.co |
102| **Culrs** | Curated colors | https://culrs.com |
103| **Picular** | Color from keywords | https://picular.co |
104
105### Typography
106
107| Source | Best For | URL |
108|--------|----------|-----|
109| **Typewolf** | Font recommendations | https://typewolf.com |
110| **Fonts In Use** | Real-world examples | https://fontsinuse.com |
111| **Font Pair** | Font combinations | https://fontpair.co |
112| **Google Fonts** | Free fonts | https://fonts.google.com |
113| **Font Share** | Free quality fonts | https://fontshare.com |
114| **Fontjoy** | AI font pairing | https://fontjoy.com |
115
116### Icons & Illustrations
117
118| Source | Best For | URL |
119|--------|----------|-----|
120| **Noun Project** | Icons | https://thenounproject.com |
121| **Feather Icons** | Minimal icons | https://feathericons.com |
122| **Heroicons** | Tailwind icons | https://heroicons.com |
123| **Lucide** | Open source icons | https://lucide.dev |
124| **Illustrations.co** | Free illustrations | https://illlustrations.co |
125| **unDraw** | Customizable SVGs | https://undraw.co |
126| **Blush** | Mix-and-match | https://blush.design |
127| **Storyset** | Animated illus. | https://storyset.com |
128
129### Motion & Animation
130
131| Source | Best For | URL |
132|--------|----------|-----|
133| **Lottie Files** | JSON animations | https://lottiefiles.com |
134| **UI Movement** | UI animations | https://uimovement.com |
135| **Animated Drawings** | Motion refs | https://animatedbackgrounds.me |
136| **GSAP Showcase** | GSAP examples | https://gsap.com/showcase |
137
138## Common Traps
139
140- **Too broad** → asking "show me inspiration" without context leads to generic results. Always clarify: mobile or web? What industry? What vibe?
141- **Ignoring context** → Dribbble is great for concepts but often impractical for production. Match source to whether user needs realistic or aspirational refs.
142- **Outdated sources** → Some galleries haven't updated in years. Prioritize actively maintained sources (Mobbin, Godly, Awwwards).
143- **Forgetting AI galleries** → For image generation prompts and style refs, AI-specific galleries (Civitai, PromptHero) are more relevant than traditional design sites.
144
145## Related Skills
146Install with `clawhub install <slug>` if user confirms:
147- `design` - design principles
148- `colors` - color theory and palettes
149- `ui` - UI component patterns
150- `image-generation` - AI image creation
151- `frontend` - frontend implementation
152
153## Feedback
154
155- If useful: `clawhub star inspiration`
156- Stay updated: `clawhub sync`
modbender