refero-design

Enforce a research-first UI design workflow using Refero MCP.

Updated Apr 16, 2026
One-click install
npx skills add https://github.com/natannielz/BELLA-KONTOL --skill refero-design-natannielz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: refero-design
Source: https://github.com/natannielz/BELLA-KONTOL/tree/main/.trae/skills/refero-design
Command: npx skills add https://github.com/natannielz/BELLA-KONTOL --skill refero-design-natannielz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The Refero design skill addresses the gap where design decisions are made without real-world research by providing a structured, research-first workflow anchored in Refero MCP.

Core Features & Use Cases

  • Discovery-driven research briefs and patterns for UI/UX projects.
  • Guided workflow through DISCOVER → RESEARCH → ANALYZE → DESIGN → IMPLEMENT phases.
  • Quality gates, side-by-side validation, and craft guidance to prevent generic AI slop.
  • Real-world use cases from Refero-guided design workflows.

Quick Start

Start a project by defining goals, connect Refero MCP, then run discovery, research, and analysis to produce a grounded design brief.

Frequently Asked Questions about refero-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce a research-first workflow for UI design?

You can enforce a research-first workflow by using a structured process that guides discovery, research, and analysis phases to produce grounded design briefs before generating screen designs, user flows, and interfaces.

What is the best way to prevent generic AI design output during UI generation?

The best way to prevent generic AI design output is to use quality gates, side-by-side validation, and craft guidance within a structured workflow, ensuring the final interfaces avoid generic patterns and stay aligned with research findings.

Can I use Refero MCP to guide UX research and design analysis?

Yes, you can use Refero MCP to guide UX research and analysis by connecting it to your project goals to run discovery, producing structured research summaries, design guidelines, and implementation checklists.

How do I structure a UI design brief using real-world research?

To structure a UI design brief using real-world research, run through discovery and analysis phases to produce grounded research summaries, which are then translated into structured design guidelines and implementation checklists.

Does a guided design workflow include implementation checklists for user flows?

Yes, a guided design workflow includes implementation checklists for user flows by progressing sequentially through DISCOVER, RESEARCH, ANALYZE, and DESIGN phases to produce actionable implementation steps for the final interfaces.

When do I need a research-first design process for screen design?

You need a research-first design process for screen design when you want to avoid unfocused UI decisions, requiring a structured workflow that satisfies the need for discovery-driven research briefs, analysis, and grounded design patterns.