skills.rest
emets393
emets393COMMUNITY
Explore all skills by this author →
GitHub

refero-design

Search screens and flows via Refero MCP to ground UI decisions.

1|Updated Jun 19, 2025
Search Tags:#workflow#design#research#mcp#ai-slop#refero
One-click install
npx skills add https://github.com/emets393/new-wagerproof --skill refero-design-emets393
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: refero-design
Source: https://github.com/emets393/new-wagerproof/tree/main/.agents/skills/refero-design
Command: npx skills add https://github.com/emets393/new-wagerproof --skill refero-design-emets393

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Ground UI decisions in real references using Refero MCP to prevent generic AI slop and to ensure deliberate, craft-driven design outcomes.

Core Features & Use Cases

  • Discovery and research workflows using Refero tools (search_screens, search_flows, get_screen, get_flow, get_design_guidance)
  • Pattern extraction from real products to inform decisions and elevate design quality
  • End-to-end workflow from discovery to implementation for screens, flows, and interfaces

Quick Start

Start a research-first design session with Refero MCP to ground your UI decisions in real references.

Frequently Asked Questions about refero-design

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

FAQPage Schema
How do I ground UI design decisions in real references instead of generic AI slop?▼

You can ground UI design decisions in real references by using Refero MCP to search screens and flows, extracting patterns from actual products to ensure deliberate, craft-driven design outcomes and prevent generic AI slop.

What is the best way to research UI patterns before starting a new design workflow?▼

The best way to research UI patterns is to run a research-first design session using Refero MCP, utilizing tools like search_screens, search_flows, and get_design_guidance to extract patterns from real products and inform your design decisions.

Can I use Refero MCP to extract design patterns from real products for my interfaces?▼

Yes, you can use Refero MCP to extract design patterns from real products. It provides structured tools like search_screens and get_flow to analyze existing interfaces and apply those extracted patterns to your own design workflows.

How do I discover and analyze existing screen flows for my design research?▼

You can discover and analyze existing screen flows by invoking Refero MCP tools such as search_flows and get_flow. This enables you to gather real interface references and run a complete analysis workflow before crafting your own screens.

Does this research-first design approach work without additional dependencies?▼

Yes, this research-first design approach works without additional dependencies. The Skill operates independently using the Refero MCP to provide discovery, research, and analysis workflows for your design craft process.

Related Skills

Explore More Design & Creative Skills→
InternScienceInternScience
28

molclaw-scp-server

Configure and manage the MCP server for MolClaw tool communication.

Official
Intermediate
zxpmailzxpmail
18

design-maker

Convert design briefs and product specifications into high-fidelity design mockups.

Community
Advanced
hi-yuki-922hi-yuki-922
1

i-extract

Extract reusable UI components and design tokens into a centralized design system.

Community
Intermediate
aditya452007aditya452007

refero-design

Synthesize UI design patterns from real product references into design briefs.

Community
Advanced