---
name: visual-inspiration-research
description: Use when researching visual direction from Mobbin, Dribbble, Pinterest, Landing Love, 60fps Design, Godly Website, shadcn/coss/ui, or related UI references.
---

# Visual Inspiration Research

Use this skill to gather pattern-level design inspiration without copying proprietary work.

## Research rules

- Search by product category, platform, and UI pattern.
- Prefer official component docs for implementation APIs.
- Use visual inspiration for mood, hierarchy, composition, density, motion, and interaction patterns.
- Do not clone distinctive layouts, illustrations, brand systems, screenshots, command structures, or proprietary workflows.
- Capture insights in your own words.

## Source strategy

For mobile:

- Mobbin for real app flows.
- 60fps Design for motion and app polish.
- Pinterest mobile app boards for broader aesthetic mood.

For web:

- Landing Love for landing patterns.
- Godly Website for high-end creative direction.
- Dribbble web/product shots for visual exploration.

For components:

- shadcn/ui and coss/ui docs for source-owned component APIs.
- Fluid Functionalism for surface/elevation model.
- Liquid Metal, Border Beam, and Progressive Blur only when premium accents are requested.

## Research deliverable

```xml
<inspiration_synthesis>
  <query></query>
  <sources_considered></sources_considered>
  <patterns_to_use></patterns_to_use>
  <patterns_to_avoid></patterns_to_avoid>
  <original_direction></original_direction>
  <implementation_implications></implementation_implications>
</inspiration_synthesis>
```

## Stop rule

Stop researching once there is enough evidence to define direction, component anatomy, interaction expectations, and implementation constraints. Do not browse indefinitely.