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`