refero-design
Installation
Summary
Research-backed design methodology using Refero tools to ground every decision in real product patterns.
- Systematic four-phase workflow: discover (brief), research (50+ references), analyze (extract patterns), design (craft execution), implement (validate)
- Research-first mindset that hunts for top 10% tactics with exact details (copy, numbers, conditions), not generic best practices
- Includes discovery framework (8 questions), search strategy (7 query types), deep-dive tool usage (
get_screen,search_flows,get_design_guidance), and analysis templates (pattern table, steal list) - Prevents generic "AI slop" through intentional typography, color, spacing, motion, and at least one memorable distinctive element; includes quality gates and side-by-side validation against references
- Covers persuasion layer (hook, objections, trust signals, urgency) before visual execution, plus detailed craft guides for typography scale, letter-spacing, color tokens, spacing rhythm, and accessibility
SKILL.md
Refero Design
Refero gives agents taste and product evidence. Use it before design work instead of relying on generic model knowledge.
Refero has three research layers:
- Styles - visual direction and taste.
- Screens - concrete UI patterns and product-screen decisions.
- Flows - multi-step journey logic.
Best results come from combining layers: visual direction from styles, concrete UI patterns from screens, and sequencing from flows when the task has multiple steps.