refero-design

Grounding UI design decisions in real user research data requires a structured workflow to prevent generic AI-slop. You apply a four-phase process (Discovery, Research, Analyze, Design) using Refero tools to collect tangible patterns and reference-driven craft for real products.

Avoiding generic AI-slop in UI design workflows involves anchoring choices in real-world data and evidence-based decision-making. By applying reference guides for typography, color, and motion alongside quality gates, you validate design decisions against proven patterns.

Using Refero MCP tools to extract design patterns involves running search_screens, search_flows, get_screen, and get_flow to collect visual references. You then analyze these references to extract tangible patterns and apply design guidance for your product.

Yes, you can get design guidance for typography and color directly from Refero. The framework provides dedicated reference guides covering typography, color, motion, icons, and craft-details, plus an anti-ai-slop guide to maintain quality standards.

Yes, you need a design brief before starting the Refero discovery workflow. Outlining a design brief is the required Quick Start step, which you then follow by running the workflow to collect references, extract patterns, and validate design decisions.

Limitations of using reference-driven design patterns include the need to adhere to safety and quality guidelines to avoid misapplication. The framework delivers a complete metadata package and practical Quick Start, but requires strict validation against real research data.