refero-design

To avoid generic AI designs, this Skill implements a research-first methodology that grounds the AI agent in real-world design patterns. It guides the process from discovery through implementation, applying professional craft standards to typography, color, and spacing.

You can research existing user flows by leveraging the Refero MCP to search a library of over 150,000 screens and 6,000 user flows. This extracts actionable patterns to guide the landing page design process from discovery to final output.

This AI design methodology requires no external dependencies. It operates independently using internal scripts, references, and assets to guide the AI agent through the research, analysis, and design implementation process.

Yes, you can use this approach to design onboarding flows. It ensures the AI agent researches existing successful user flows and applies professional craft guidance for typography, motion, and icons before generating the interface design.

The best way to apply craft standards to AI-generated UI is by providing detailed rules on typography, color, spacing, motion, and icons. This Skill enforces these professional craft standards during implementation to ensure polished execution and prevent generic layouts.

AI design output lacks professional polish when it bypasses real-world research and established craft standards. This Skill solves the problem by extracting actionable patterns from a vast screen library and enforcing specific rules for typography, color, and spacing.