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---56## Setup78On first use, read `setup.md` for guidelines on helping users find the right references.910## When to Use1112User needs visual references, design inspiration, or examples for UI, landing pages, AI-generated images, or creative projects.1314## Architecture1516Stateless by default. See `memory-template.md` for optional preference tracking.1718## Quick Reference1920| 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` |2627## Core Rules2829### 1. Match Source to Need30Different needs require different sources:31- **UI patterns** → Mobbin, Screenlane, Page Flows32- **Visual design** → Dribbble, Behance, Awwwards33- **AI art** → Midjourney Showcase, Civitai, PromptHero34- **Landing pages** → Landingfolio, Lapa, SaaS Pages3536### 2. Provide Actionable Links37Always give direct URLs, not vague recommendations. Include what makes each source valuable for the specific need.3839### 3. Consider Context40Ask about platform (web/mobile/desktop), style (minimal/bold/playful), and purpose (production app/concept/pitch deck) to filter recommendations.4142### 4. Go Deep When Needed43For specialized needs (AI prompts, mobile flows, specific industries), load the relevant auxiliary file for comprehensive coverage.4445## Quick Start — Top Sources by Category4647### UI/UX Design4849| 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 |5758### Landing Pages & Web5960| 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 |6970### AI-Generated Art7172| 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 |8182### Visual Design & Illustration8384| 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 |9293### Colors & Palettes9495| 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 |104105### Typography106107| 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 |115116### Icons & Illustrations117118| 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 |128129### Motion & Animation130131| 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 |137138## Common Traps139140- **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.144145## Related Skills146Install with `clawhub install <slug>` if user confirms:147- `design` - design principles148- `colors` - color theory and palettes149- `ui` - UI component patterns150- `image-generation` - AI image creation151- `frontend` - frontend implementation152153## Feedback154155- If useful: `clawhub star inspiration`156- Stay updated: `clawhub sync`
dvcrn