design-researchlisted
Install: claude install-skill int2t05/engineering-skills
# Design Research
Retrieve real, published design references from free public galleries and curate them into a cited
reference board that grounds downstream design work in what real products actually do — not in
memory or generic AI patterns. Output is a reference board (URLs + analysis), never fabricated
screenshots.
## When to use
- Before `imagegen` or `frontend-design`, when the brief would benefit from real-market reference (how do fintech landing pages actually handle hero? how do SaaS pricing sections read?)
- Researching a design pattern across real products (onboarding flows, empty states, pricing layouts)
- Grounding a style direction in what the market already ships, not internal catalogs alone
- Triggers on "design references", "real UI references", "find design inspiration", "设计参考", "真实设计参考", "找设计灵感", "设计灵感"
**Not for:** generating design images (use `imagegen`); writing frontend code (use `frontend-design`); image-first code pipeline (use `image-to-code`); cited-text market/tech research (use `research` market/tech-selection modes).
## Steps
### 1. Frame the brief
Extract four dimensions that route the search:
- **Domain** — fintech, SaaS, AI, e-commerce, health, etc.
- **Surface** — landing page / user flow / visual style. This decides the source, not platform.
- **Intent** — feeding `imagegen` (art-direction inspiration), `frontend-design` (style grounding), or pattern research (standalone).
- **Scope** — how many references are enough (default 5-8; st