Skip to main content

​
Redesigning a specific page

Say you’re redesigning your product’s pricing page and want to see how the best SaaS companies handle it.
1

Search for inspiration

Prompt: Search Refero for SaaS pricing pages with monthly/annual toggleThis returns ~2,800 results. The agent picks the most relevant ones based on your context.
2

Study the best examples

Prompt: Get details for screens 87051 and 92341 with thumbnailsNow you have detailed descriptions of how Framer and Linear handle pricing — layout, typography, interaction patterns.
3

Compare approaches

Look at the patterns: How do they handle the toggle? Where is the CTA? What social proof do they use? The ux_patterns and ui_elements fields help you compare systematically.

​
Understanding a user flow

When you need to design a multi-step experience (onboarding, checkout, settings), start with flows: Prompt: Search Refero for fintech onboarding flows Pick a flow and get the full breakdown: Prompt: Get flow 774 from Refero You’ll see every step: what the user wants to do, what they click, and how the system responds. Each step includes the screen’s metadata — patterns, elements, fonts, full descriptions.
Use related_queries from the flow response to discover adjacent flows you might not have thought of.

​
Competitive analysis

Research how specific companies handle a feature:
  • Search Refero for Notion settings screens
  • Search Refero for Stripe checkout flow
  • Search Refero for Linear dashboard
Then get details with thumbnails to see their actual interfaces.

​
Cross-platform comparison

Compare how the same type of screen works on web vs mobile:
  • Search Refero for onboarding screens on web (platform: “web”)
  • Search Refero for onboarding screens on iOS (platform: “ios”)
Web results use site_name for the product name. iOS results use app_name. Both work the same way — it’s just a naming convention matching each platform.

​
Batch research

When you already know which screens you want, request them all at once: Prompt: Get Refero screens 87051, 92341, 55102, and 78223 The agent uses screen_ids to fetch all four in a single call. Same works for flows with flow_ids.

​
Tips for effective research

  • Start broad, then narrow. Search for “pricing page” first, then refine: “pricing page SaaS with comparison table and annual discount”
  • Use company names. “Notion onboarding” or “Stripe checkout” are powerful queries.
  • Combine concepts. “dark mode dashboard with sidebar navigation and analytics charts”
  • Skip images first. Use image_size: "none" during research. Request thumbnails only when you need to visually compare.
  • Use limit: 5 in agentic workflows to avoid overwhelming the context window. You can always paginate for more.
  • Check related_queries on flow responses — they often surface patterns you hadn’t considered.

​
Next

Tools

Full reference for all 4 tools — parameters, responses, tips.

Refero Skill

Automate this entire research workflow with a single slash command.

Refero for Business

Integrate Refero as a data layer in your own product.