Skill: ivangdavila/inspiration (version 1.0.0)

--- name: Inspiration slug: inspiration version: 1.0.0 homepage: https://clawic.com/skills/inspiration description: Find design and AI art inspiration from curated galleries, screenshot libraries, and creative showcases. metadata: {"clawdbot":{"emoji":"✨","requires":{"bins":[]},"os":["linux","darwin","win32"]}} --- ## 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`

path: ai-galleries.md
content: # AI Image Galleries — Deep Dive

Finding the right AI-generated reference images by model and style.

## By Model

### Midjourney

**Official Showcase:** https://midjourney.com/showcase
Best for: Curated picks from the community, trending styles, what's possible with latest versions.

**Community Collections:**
- **Midlibrary** (https://midlibrary.io) — Searchable style library with prompt breakdowns
- **MJ Prompt Tool** (https://prompt.noonshot.com) — Explore prompts by style/subject
- **r/midjourney** — Reddit community with latest experiments

**What Midjourney excels at:**
- Photorealistic portraits and scenes
- Artistic interpretations
- Product mockups
- Architecture visualization
- Fantasy and sci-fi concepts

### Stable Diffusion

**Civitai** (https://civitai.com) — The hub for SD models
- Browse by model (SDXL, SD 1.5, Pony, etc.)
- Filter by image style, subject, NSFW level
- Download models and LoRAs
- See what settings produced each image

**Lexica** (https://lexica.art) — SD image search engine
- Search by text or image
- See exact prompts used
- Great for finding style references

**PromptHero** (https://prompthero.com) — Multi-model with strong SD coverage
- Filter by model version
- Copy prompts directly
- Community voting surfaces best results

**What Stable Diffusion excels at:**
- Anime and illustration styles (with right models)
- Consistent character generation (with LoRAs)
- Style transfer and fine-tuning
- NSFW content (model dependent)
- Local/private generation

### DALL-E

**OpenAI Labs** (https://labs.openai.com) — Official gallery
- Curated examples
- Editorial illustrations
- Brand-safe content

**What DALL-E excels at:**
- Clean, editorial illustrations
- Text rendering (DALL-E 3)
- Brand-appropriate imagery
- Photorealistic people (with natural diversity)

### Other Models

**Ideogram** (https://ideogram.ai) — Best for text in images
- Typography integration
- Logo concepts
- Poster designs

**Leonardo.AI** (https://leonardo.ai) — Game asset focused
- Character design
- Game environments
- Consistent style training

**Flux** — Latest open model
- Check Civitai for Flux galleries
- Realistic human generation
- High prompt adherence

## By Style

### Photorealistic

**Best sources:**
- Midjourney Showcase (filter by "photorealistic")
- Civitai → Filter by "Realistic" model type
- PromptHero → Stable Diffusion → Realistic

**Key models/styles:**
- Midjourney v6+
- SDXL + Realistic Vision
- Flux

### Illustration / Concept Art

**Best sources:**
- PromptHero → Filter by "Illustration"
- ArtStation (still has AI section)
- Civitai → "Artistic" models

**Key models/styles:**
- Midjourney with --style raw
- SD with anime/illustration LoRAs
- DALL-E for editorial illustration

### Anime / Manga

**Best sources:**
- Civitai → Filter by "Anime"
- PromptHero → Anime category
- Danbooru-trained models

**Key models:**
- NovelAI
- Anything V5
- CounterfeitXL
- Pony Diffusion

### 3D / Rendered

**Best sources:**
- Midjourney (specify "3D render" in prompt)
- Blender + AI workflows
- PromptHero → 3D category

**Key techniques:**
- "octane render" in prompts
- "unreal engine" style
- "blender 3d" aesthetic

### Logo / Branding

**Best sources:**
- Ideogram (best for text integration)
- Midjourney with specific prompts
- DALL-E 3 for clean vectors

**Key approaches:**
- Keep it simple (AI struggles with complex logos)
- Multiple variations, then refine manually
- Use as starting point, not final output

## Finding Prompts

### Reverse Engineering

**From image:**
1. Upload to Lexica → "Search by image"
2. Find similar images with visible prompts
3. Adapt the prompt elements you like

**From URL:**
1. Most galleries show prompts
2. Civitai always includes generation data
3. Midjourney Showcase links to Discord with prompts

### Prompt Databases

| Source | Focus |
|--------|-------|
| PromptHero | Multi-model, searchable |
| PromptBase | Marketplace (paid prompts) |
| Civitai | SD-focused, free |
| Midlibrary | MJ styles organized |

## Style Consistency

### Character Consistency

**Problem:** AI generates different characters each time.

**Solutions:**
1. **LoRAs** — Train on specific character
2. **IP-Adapter** — Reference image conditioning
3. **Consistent character prompts** — Detailed description reused
4. **Seed locking** — Same seed = similar results

### Brand Consistency

**Approach:**
1. Generate multiple options
2. Pick one direction
3. Train LoRA or use img2img
4. Keep detailed prompt notes

## Quality Filtering

### Red Flags

- Anatomical errors (hands, fingers, limbs)
- Inconsistent lighting
- Artifacting in complex areas
- Uncanny valley faces

### What to Look For

- Coherent composition
- Proper anatomy
- Consistent style throughout image
- No obvious AI artifacts

### Platforms with Quality Control

| Platform | Filtering |
|----------|-----------|
| Midjourney Showcase | Heavily curated |
| Civitai Top | Community votes |
| PromptHero Trending | Engagement-based |

## Workflow Tips

### For UI/Product Design

1. Start with Midjourney or DALL-E for concepts
2. Generate many variations quickly
3. Use as mood board, not final assets
4. Hand off to designer for refinement

### For Marketing / Social

1. Match model to content type
2. Editorial → DALL-E
3. Lifestyle → Midjourney
4. Custom brand → Trained SD model

### For Concept Art

1. Explore broadly first (many styles)
2. Find what resonates
3. Generate variations
4. Composite and paint over as needed


path: memory-template.md
content: # Memory Template — Inspiration

This skill is stateless by default. It provides references on demand without requiring persistent storage.

## Optional: Tracking Preferences

If you want to remember user preferences across sessions, you can optionally create `~/inspiration/preferences.md`:

```markdown
# Inspiration Preferences

## Platform Focus
<!-- web, mobile, both -->

## Style Preferences
<!-- minimal, bold, playful, etc. -->

## Favorite Sources
<!-- Sources they've found most useful -->

## Notes
<!-- Any other relevant context -->

---
*Updated: YYYY-MM-DD*
```

This is entirely optional. The skill works without any persistent storage.


path: mobile-screenshots.md
content: # Mobile App Screenshots — Deep Dive

Finding the right mobile UI references by platform, category, and pattern.

## Primary Sources

### Mobbin (https://mobbin.com)

**The gold standard for mobile UI research.**

**Features:**
- iOS and Android coverage
- Filter by screen type (onboarding, settings, profile, etc.)
- Filter by app category (finance, health, social, etc.)
- User flow recordings
- Updated regularly with new apps

**Best practices:**
- Use specific filters, not general browsing
- Save screens to collections for projects
- Note the app name for context

**Pricing:** Free tier limited, paid for full access

### Screenlane (https://screenlane.com)

**Complementary to Mobbin with different curation.**

**Features:**
- Mobile screens by category
- Clean interface
- Good for quick browsing

**Best for:** Quick pattern lookup, specific component ideas

### Page Flows (https://pageflows.com)

**Focus: Complete user flows, not just static screens.**

**Features:**
- Video recordings of real flows
- Onboarding, checkout, settings flows
- See transitions and micro-interactions

**Best for:** Understanding how screens connect, UX flow design

**Pricing:** Paid subscription

### UI Sources (https://uisources.com)

**Deep dives into specific apps.**

**Features:**
- Full app breakdowns
- Design system analysis
- Every screen documented

**Best for:** Studying how one app handles everything

**Pricing:** Paid subscription

## By Screen Type

### Onboarding

| Pattern | Where to Find | Examples |
|---------|---------------|----------|
| Carousel intro | Mobbin → Onboarding | Headspace, Calm |
| Value prop screens | Page Flows → Onboarding | Notion, Linear |
| Sign up flow | Screenlane → Authentication | Most apps |
| Permissions ask | Page Flows | Health apps |
| Tutorial overlays | Mobbin → Tutorials | Figma mobile |

### Authentication

| Pattern | Where to Find | Examples |
|---------|---------------|----------|
| Social login | Mobbin → Login | Spotify, Airbnb |
| Phone + OTP | Page Flows | WhatsApp, Uber |
| Email magic link | Screenlane | Slack, Notion |
| Biometric prompt | Mobbin → Login | Banking apps |
| Password reset | Page Flows | Any major app |

### Home / Dashboard

| Pattern | Where to Find | Examples |
|---------|---------------|----------|
| Card-based feed | Mobbin → Home | Instagram, Twitter |
| Stats dashboard | Mobbin → Dashboard | Fitness apps |
| Quick actions | Screenlane → Home | Banking apps |
| Search-first | Mobbin | Spotify, YouTube |
| Tab-based nav | Most apps | Standard pattern |

### Profile / Settings

| Pattern | Where to Find | Examples |
|---------|---------------|----------|
| Edit profile | Mobbin → Profile | LinkedIn, Twitter |
| Settings list | Mobbin → Settings | iOS Settings |
| Account management | Page Flows | Subscription apps |
| Privacy settings | Page Flows | Social apps |
| Preferences | Screenlane | Most apps |

### E-commerce

| Pattern | Where to Find | Examples |
|---------|---------------|----------|
| Product grid | Mobbin → E-commerce | Amazon, ASOS |
| Product detail | Screenlane → Product | Any shop app |
| Cart | Page Flows → Checkout | Shopify stores |
| Checkout flow | Page Flows | Critical flow |
| Order tracking | Mobbin | Amazon, food delivery |

### Content / Media

| Pattern | Where to Find | Examples |
|---------|---------------|----------|
| Article reader | Mobbin → Reading | Medium, Substack |
| Video player | Screenlane | YouTube, TikTok |
| Image gallery | Mobbin → Gallery | Instagram, VSCO |
| Audio player | Mobbin → Music | Spotify, Podcasts |
| Carousel stories | Instagram, Snapchat | Stories format |

## By App Category

### Fintech / Banking

**Reference apps:**
- Revolut (modern, feature-rich)
- Nubank (clean, focused)
- Cash App (simple, bold)
- Robinhood (data-heavy done well)

**Key patterns to study:**
- Transaction lists
- Balance display
- Send/receive flows
- Card management
- Security UX

### Health & Fitness

**Reference apps:**
- Apple Fitness (native excellence)
- Strava (social fitness)
- Headspace (calm, focused)
- Oura (data visualization)
- MyFitnessPal (logging UX)

**Key patterns:**
- Activity rings/progress
- Workout tracking
- Health metrics display
- Streak/gamification
- Meditation/timer UI

### Social / Communication

**Reference apps:**
- Instagram (stories, feed, DMs)
- Discord (communities, chat)
- Slack (work messaging)
- BeReal (unique capture flow)
- Threads (Twitter alternative)

**Key patterns:**
- Feed algorithms feel
- Messaging UI
- Notifications
- Profile customization
- Content creation

### Productivity

**Reference apps:**
- Notion (complex made simple)
- Linear (speed, keyboard shortcuts)
- Things 3 (iOS design excellence)
- Todoist (cross-platform)
- Obsidian (power users)

**Key patterns:**
- List/board views
- Quick capture
- Search and filter
- Keyboard shortcuts
- Sync indicators

### Travel / Booking

**Reference apps:**
- Airbnb (gold standard)
- Booking.com (lots of info, clean)
- Uber (maps, ETA, payment)
- Google Maps (complex data, simple UI)

**Key patterns:**
- Search with dates/filters
- Map integration
- Booking flow
- Pricing display
- Reviews/ratings

## Platform-Specific Patterns

### iOS

**Human Interface Guidelines patterns:**
- Navigation bars with large titles
- Tab bars (max 5 items)
- Sheets and modals
- Swipe gestures
- Haptic feedback moments

**Where to study:**
- Apple's own apps (Notes, Reminders, Health)
- Apps featured in App Store Today
- WWDC design session videos

### Android (Material You)

**Material Design 3 patterns:**
- Dynamic color from wallpaper
- Large touch targets
- Bottom navigation
- FAB placement
- Gesture navigation

**Where to study:**
- Google apps (Keep, Messages, Photos)
- Material Design gallery
- Android apps on Mobbin

### Cross-Platform Considerations

**What to watch:**
- Native vs custom components
- Platform-specific navigation
- Gesture expectations
- Typography (SF Pro vs Roboto)
- Icon styles

## Workflow Tips

### Building a Reference Library

1. **Create project in Mobbin** (if paid) or use Figma
2. **Organize by screen type**, not by app
3. **Screenshot everything** — URLs change
4. **Note what you like** about each reference
5. **Tag with keywords** for future search

### Effective Browsing

**Don't:** Browse randomly hoping for inspiration
**Do:** Search for specific patterns you need

Example process:
1. "I need a settings screen for a fintech app"
2. Mobbin → Filter: Finance → Screen: Settings
3. Review 10-15 examples
4. Save 3-5 best to collection
5. Identify common patterns and unique ideas

### Translating References

**From screenshot to your app:**
1. Don't copy exactly — extract the principle
2. Consider your brand voice
3. Test with your actual content
4. Iterate based on user feedback

### Staying Current

**Apps change constantly.** Sources to watch:
- Mobbin's "Recently Added"
- App Store "Today" features
- Designer Twitter/Threads
- ProductHunt new launches


path: setup.md
content: # Setup — Inspiration

Guidelines for helping users find visual references effectively.

## Your Attitude

You're a creative partner who knows where to find exactly the right visual references. Be enthusiastic about helping them discover new sources. Most people only know Dribbble and Pinterest — show them there's a whole world out there.

## Understanding Their Needs

Ask clarifying questions to narrow down the right sources:

1. **Platform**: Web, mobile (iOS/Android), or both?
2. **Style**: Minimal, bold, playful, corporate, dark mode?
3. **Purpose**: Production app, concept exploration, pitch deck, mood board?
4. **Category**: UI patterns, landing pages, AI art, icons, colors, typography?

## Matching Sources to Needs

**UI patterns and mobile screens:**
- Mobbin, Screenlane, Page Flows — real app screenshots and flows
- Load `mobile-screenshots.md` for deep coverage

**AI-generated images:**
- Midjourney Showcase, Civitai, PromptHero, Lexica
- Load `ai-galleries.md` for model-specific guidance

**Landing pages:**
- Landingfolio, Lapa Ninja, SaaS Pages, One Page Love

**Visual design:**
- Dribbble (concepts), Behance (full projects), Awwwards (award winners)

**Colors, typography, icons:**
- See respective sections in SKILL.md Quick Start

## Going Deeper

When users need comprehensive coverage of a topic, load the relevant auxiliary file:
- `sources.md` — full directory of 100+ sources by category
- `ai-galleries.md` — AI image generation by model and style
- `mobile-screenshots.md` — mobile UI research workflow


path: sources.md
content: # Full Source Directory — Inspiration

Complete reference of inspiration sources organized by category.

## UI/UX — Mobile

### Screenshot Libraries
| Source | Focus | Cost | URL |
|--------|-------|------|-----|
| **Mobbin** | iOS/Android patterns | Free/Paid | https://mobbin.com |
| **Screenlane** | Mobile UI by category | Free | https://screenlane.com |
| **UI Sources** | App design systems | Paid | https://www.uisources.com |
| **Scrnshts** | App screenshots | Free | https://scrnshts.club |
| **AppShopper** | iOS screenshots | Free | https://appshopper.com |
| **Nice, Very Nice** | Curated iOS apps | Free | https://www.niceverynice.com |

### User Flows
| Source | Focus | Cost | URL |
|--------|-------|------|-----|
| **Page Flows** | Screen recordings | Paid | https://pageflows.com |
| **UX Archive** | User flows | Free | https://uxarchive.com |
| **Really Good UX** | UX emails + flows | Free | https://www.reallygoodux.io |
| **User Onboard** | Onboarding teardowns | Free | https://useronboard.com |

### UI Components
| Source | Focus | Cost | URL |
|--------|-------|------|-----|
| **Collect UI** | UI by component type | Free | https://collectui.com |
| **UI Garage** | Specific patterns | Free | https://uigarage.net |
| **Call to Idea** | CTAs and buttons | Free | https://www.calltoidea.com |
| **Empty States** | Empty state designs | Free | https://emptystat.es |
| **Pttrns** | Mobile patterns | Free | https://www.pttrns.com |

## UI/UX — Web

### Modern Web Design
| Source | Focus | Cost | URL |
|--------|-------|------|-----|
| **Godly** | Contemporary design | Free | https://godly.website |
| **Awwwards** | Award-winning sites | Free | https://awwwards.com |
| **CSS Design Awards** | CSS innovation | Free | https://cssdesignawards.com |
| **The FWA** | Cutting-edge digital | Free | https://thefwa.com |
| **Site Inspire** | Clean web design | Free | https://siteinspire.com |
| **Httpster** | Trendy websites | Free | https://httpster.net |
| **Minimal Gallery** | Minimal design | Free | https://minimal.gallery |
| **siteInspire** | Curated web design | Free | https://www.siteinspire.com |

### Landing Pages
| Source | Focus | Cost | URL |
|--------|-------|------|-----|
| **Landingfolio** | Landing pages | Free/Paid | https://landingfolio.com |
| **Lapa Ninja** | Landing gallery | Free | https://lapa.ninja |
| **SaaS Pages** | SaaS landings | Free | https://saaspages.xyz |
| **SaaS Landing Page** | SaaS examples | Free | https://saaslandingpage.com |
| **One Page Love** | Single page sites | Free | https://onepagelove.com |
| **Land-book** | Landing inspo | Free | https://land-book.com |
| **Page Collective** | Curated pages | Free | https://pagecollective.com |

### Specific Niches
| Source | Focus | Cost | URL |
|--------|-------|------|-----|
| **SaaS Interface** | SaaS dashboards | Free | https://saasinterface.com |
| **Dark Mode Design** | Dark UI patterns | Free | https://www.darkmodedesign.com |
| **Navbar Gallery** | Navigation patterns | Free | https://www.navbar.gallery |
| **Footer Design** | Footer examples | Free | https://www.footer.design |
| **Best Website Gallery** | Curated sites | Free | https://bestwebsite.gallery |
| **Commerce Cream** | E-commerce | Free | https://commercecream.com |
| **Ecomm Design** | E-commerce design | Free | https://ecomm.design |

## AI-Generated Art

### Multi-Model Galleries
| Source | Focus | URL |
|--------|-------|-----|
| **PromptHero** | Prompts + images, all models | https://prompthero.com |
| **OpenArt** | Multi-model discovery | https://openart.ai |
| **Lexica** | Stable Diffusion search | https://lexica.art |
| **PlaygroundAI** | AI art community | https://playgroundai.com |
| **Krea** | AI design platform | https://krea.ai |
| **Arthub.ai** | AI art showcase | https://arthub.ai |

### Midjourney Specific
| Source | Focus | URL |
|--------|-------|-----|
| **Midjourney Showcase** | Official picks | https://midjourney.com/showcase |
| **MJ Prompt Tool** | Prompt explorer | https://prompt.noonshot.com |
| **Midlibrary** | Style library | https://midlibrary.io |

### Stable Diffusion
| Source | Focus | URL |
|--------|-------|-----|
| **Civitai** | Models, LoRAs, images | https://civitai.com |
| **PromptBase** | Prompt marketplace | https://promptbase.com |
| **Hugging Face** | Models + demos | https://huggingface.co/spaces |

### DALL-E & Others
| Source | Focus | URL |
|--------|-------|-----|
| **DALL-E Gallery** | OpenAI examples | https://labs.openai.com |
| **Ideogram** | Text-in-image AI | https://ideogram.ai |
| **Leonardo.AI** | AI art platform | https://leonardo.ai |

## Visual Design

### Designer Portfolios
| Source | Focus | Cost | URL |
|--------|-------|------|-----|
| **Dribbble** | Shots and portfolios | Free | https://dribbble.com |
| **Behance** | Full projects | Free | https://behance.net |
| **Layers** | Design portfolios | Free | https://layers.to |
| **Cofolios** | Design portfolios | Free | https://cofolios.com |
| **Bestfolios** | Portfolio showcase | Free | https://www.bestfolios.com |

### Curated Design
| Source | Focus | URL |
|--------|-------|-----|
| **Muzli** | Design news/inspo | https://muz.li |
| **Designspiration** | Visual search | https://designspiration.com |
| **Abduzeedo** | Design blog | https://abduzeedo.com |
| **Design Milk** | Design culture | https://design-milk.com |
| **It's Nice That** | Creative showcase | https://itsnicethat.com |

### Mood Boards
| Source | Focus | URL |
|--------|-------|-----|
| **Pinterest** | Visual boards | https://pinterest.com |
| **Are.na** | Creative research | https://are.na |
| **Savee** | Visual bookmarking | https://savee.it |
| **Cosmos** | Visual inspiration | https://www.cosmos.so |

## Colors & Palettes

### Palette Generators
| Source | Focus | URL |
|--------|-------|-----|
| **Coolors** | Random + lock colors | https://coolors.co |
| **Adobe Color** | Color wheel + extract | https://color.adobe.com |
| **Paletton** | Color scheme designer | https://paletton.com |
| **Colormind** | AI palette generator | https://colormind.io |
| **Huemint** | AI brand colors | https://huemint.com |

### Curated Palettes
| Source | Focus | URL |
|--------|-------|-----|
| **Color Hunt** | User-submitted palettes | https://colorhunt.co |
| **Happy Hues** | Palettes in context | https://happyhues.co |
| **Culrs** | Minimal palettes | https://culrs.com |
| **Palette List** | Hex palettes | https://palettelist.com |
| **Grabient** | Gradient palettes | https://grabient.com |

### From Images/Keywords
| Source | Focus | URL |
|--------|-------|-----|
| **Picular** | Colors from words | https://picular.co |
| **Image Color Picker** | Extract from image | https://imagecolorpicker.com |
| **Palette Generator** | From photos | https://palettegenerator.com |
| **Realtime Colors** | See palette on UI | https://realtimecolors.com |

### Gradients
| Source | Focus | URL |
|--------|-------|-----|
| **WebGradients** | 180 gradients | https://webgradients.com |
| **UI Gradients** | Gradient collection | https://uigradients.com |
| **Gradient Hunt** | Curated gradients | https://gradienthunt.com |
| **Mesh Gradients** | Mesh gradient tool | https://meshgradient.in |
| **Grainy Gradients** | Noise gradients | https://grainy-gradients.vercel.app |

## Typography

### Font Discovery
| Source | Focus | URL |
|--------|-------|-----|
| **Typewolf** | Font recommendations | https://typewolf.com |
| **Fonts In Use** | Real-world typography | https://fontsinuse.com |
| **Typographica** | Type reviews | https://typographica.org |
| **I Love Typography** | Type blog | https://ilovetypography.com |

### Font Pairing
| Source | Focus | URL |
|--------|-------|-----|
| **Font Pair** | Google Font combos | https://fontpair.co |
| **Fontjoy** | AI font pairing | https://fontjoy.com |
| **Archetype** | Font pairing tool | https://archetypeapp.com |
| **Typ.io** | Font combos in use | https://typ.io |

### Free Fonts
| Source | Focus | URL |
|--------|-------|-----|
| **Google Fonts** | Open source fonts | https://fonts.google.com |
| **Font Share** | Quality free fonts | https://fontshare.com |
| **Font Squirrel** | Commercial-free fonts | https://fontsquirrel.com |
| **The League of Moveable Type** | Open type | https://theleagueofmoveabletype.com |
| **Uncut** | Variable fonts | https://uncut.wtf |

### Premium Fonts
| Source | Focus | URL |
|--------|-------|-----|
| **MyFonts** | Largest marketplace | https://myfonts.com |
| **Adobe Fonts** | With CC subscription | https://fonts.adobe.com |
| **Pangram Pangram** | Modern foundry | https://pangrampangram.com |
| **Klim Type** | Quality foundry | https://klim.co.nz |
| **Colophon** | Type foundry | https://colophon-foundry.org |

## Icons

### Icon Sets
| Source | Focus | URL |
|--------|-------|-----|
| **Heroicons** | Tailwind default | https://heroicons.com |
| **Lucide** | Fork of Feather | https://lucide.dev |
| **Feather** | Minimal icons | https://feathericons.com |
| **Phosphor** | Flexible family | https://phosphoricons.com |
| **Tabler Icons** | 3000+ free | https://tabler-icons.io |
| **Bootstrap Icons** | Bootstrap set | https://icons.getbootstrap.com |
| **Ionicons** | Ionic icons | https://ionic.io/ionicons |

### Icon Search
| Source | Focus | URL |
|--------|-------|-----|
| **Noun Project** | 5M+ icons | https://thenounproject.com |
| **Flaticon** | Largest database | https://flaticon.com |
| **Iconify** | Unified search | https://icon-sets.iconify.design |
| **SVG Repo** | Free SVG icons | https://svgrepo.com |
| **Icons8** | Icons + illustrations | https://icons8.com |

### Animated Icons
| Source | Focus | URL |
|--------|-------|-----|
| **Lordicon** | Animated icons | https://lordicon.com |
| **useAnimations** | Lottie icons | https://useanimations.com |
| **IconScout** | 3D + animated | https://iconscout.com |

## Illustrations

### Free Illustrations
| Source | Focus | URL |
|--------|-------|-----|
| **unDraw** | Customizable SVG | https://undraw.co |
| **Illustrations.co** | Open source | https://illlustrations.co |
| **Open Doodles** | Hand-drawn | https://opendoodles.com |
| **Humaaans** | Mix-and-match people | https://humaaans.com |
| **Open Peeps** | Character builder | https://openpeeps.com |
| **Glaze** | Free illustrations | https://glaze.pm |

### Premium / Freemium
| Source | Focus | URL |
|--------|-------|-----|
| **Blush** | Customizable sets | https://blush.design |
| **Storyset** | Animated + static | https://storyset.com |
| **DrawKit** | MIT licensed | https://drawkit.com |
| **Absurd** | Surreal style | https://absurd.design |
| **Control** | 3D illustrations | https://control.rocks |

### 3D Assets
| Source | Focus | URL |
|--------|-------|-----|
| **Sketchfab** | 3D model viewer | https://sketchfab.com |
| **Poly Pizza** | Low-poly 3D | https://poly.pizza |
| **3D Icons** | 3D icon sets | https://3dicons.co |
| **Shapefest** | 3D shapes | https://shapefest.com |

## Motion & Animation

### Animation References
| Source | Focus | URL |
|--------|-------|-----|
| **UI Movement** | UI animations | https://uimovement.com |
| **Lottie Files** | JSON animations | https://lottiefiles.com |
| **GSAP Showcase** | GSAP examples | https://gsap.com/showcase |
| **CodePen** | Live code examples | https://codepen.io |

### Motion Tools
| Source | Focus | URL |
|--------|-------|-----|
| **Rive** | Interactive animations | https://rive.app |
| **Jitter** | Motion design tool | https://jitter.video |
| **Fable** | Collaborative motion | https://fable.app |
| **Haiku** | Animation IDE | https://haikuforteams.com |

### Tutorials
| Source | Focus | URL |
|--------|-------|-----|
| **MotionDesign.School** | Motion courses | https://motiondesign.school |
| **School of Motion** | Animation education | https://schoolofmotion.com |
| **Cubic Bezier** | Easing visualizer | https://cubic-bezier.com |

## Branding

### Logo Inspiration
| Source | Focus | URL |
|--------|-------|-----|
| **Logopond** | Logo gallery | https://logopond.com |
| **Logo Lounge** | Logo trends | https://logolounge.com |
| **Logggos** | Logo collection | https://logggos.club |
| **Logo Design Love** | Logo blog | https://logodesignlove.com |
| **Logospire** | Logo inspiration | https://logospire.com |

### Brand Guidelines
| Source | Focus | URL |
|--------|-------|-----|
| **Brand Style Guide** | Real examples | https://brandstyleguide.com |
| **Guidelines** | Brand assets | https://guidelines.design |
| **Find Guidelines** | Guideline search | https://findguidelines.com |

## Tools & Resources

### Design Tools
| Tool | Purpose | URL |
|------|---------|-----|
| **Figma** | UI design | https://figma.com |
| **Framer** | Prototyping | https://framer.com |
| **Webflow** | Visual dev | https://webflow.com |
| **Spline** | 3D design | https://spline.design |

### Browser Extensions
| Extension | Purpose |
|-----------|---------|
| **Muzli** | New tab inspo |
| **ColorZilla** | Color picker |
| **WhatFont** | Font identifier |
| **Full Page Screenshot** | Capture pages |

### AI Tools
| Tool | Purpose | URL |
|------|---------|-----|
| **Galileo AI** | UI generation | https://galileo-ai.com |
| **Uizard** | Wireframe to UI | https://uizard.io |
| **Khroma** | AI color tool | https://khroma.co |
| **Magician** | Figma AI plugin | https://magician.design |


Security scan verdicts — ClawScan: clean | static analysis: clean | VirusTotal: clean | SkillSpector: suspicious (MEDIUM)