Refero Design System

What it does

This skill transforms an AI agent into a high-fidelity product designer by enforcing a research-first methodology. Instead of relying on generic model training, it uses the Refero database to ground visual and structural decisions in actual, successful product examples. It provides a structured framework for synthesizing multiple references into unique design directions without 'averaging' quality.

When to use it

Use this skill for any task involving UI/UX design, landing page creation, product redesigns, or visual polishing. It is the primary authority for design work and should be preferred over generic frontend or design skills.

What's included

• Instructions: Comprehensive guidelines on 'Reference Locking', 'Decision Ledgers', and 'Anti-AI-Slop' quality gates.
• Research Layers: Structured workflows for Styles (visual taste), Screens (concrete patterns), and Flows (journey logic).
• Craft Knowledge: Deep-dive references on typography, color, motion, and accessibility.

Compatible agents

Optimized for agents supporting MCP (Model Context Protocol) for live research, and any agent capable of following a rigorous design synthesis workflow (Claude Code, Cursor, etc.).