refero-design

Synthesize visual styles, UI patterns, and user journey flows for design tasks.

1|Updated Jun 30, 2026
One-click install
npx skills add https://github.com/Itinerant18/Urban-assist --skill refero-design-itinerant18
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: refero-design
Source: https://github.com/Itinerant18/Urban-assist/tree/main/.cursor/skills/refero-design
Command: npx skills add https://github.com/Itinerant18/Urban-assist --skill refero-design-itinerant18

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the problem of generic, ungrounded AI design by enforcing a research-first methodology that requires grounding every visual, layout, and interaction decision in real-world product evidence.

Core Features & Use Cases

  • Reference-Locked Design: Prevents AI from averaging design choices by forcing the model to lock onto specific, high-quality visual and structural references.
  • Multi-Layer Research: Provides a structured approach to design using Styles for visual direction, Screens for UI patterns, and Flows for journey logic.
  • Use Case: When tasked with designing a new SaaS dashboard, use this skill to research existing high-performing dashboard patterns and visual styles before writing a single line of CSS, ensuring the final output is grounded in proven design systems.

Quick Start

Use the refero-design skill to research visual styles and UI patterns for a new fintech landing page.

Frequently Asked Questions about refero-design

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

FAQPage Schema
How do I stop AI from generating generic UI designs?

To stop AI from generating generic UI designs, use a research-first methodology that locks onto specific, high-quality visual and structural references. This prevents the model from averaging design choices and enforces evidence-based decisions for unique outcomes.

What is a reference-locked design methodology?

A reference-locked design methodology forces the AI to ground every visual, layout, and interaction decision in real-world product evidence. It uses decision ledgers and anti-averaging quality gates to ensure high-fidelity, evidence-based design outputs.

How do I research UI patterns before building a SaaS dashboard?

To research UI patterns before building a SaaS dashboard, apply a multi-layer approach using Styles for visual direction, Screens for UI patterns, and Flows for journey logic. This synthesizes real-world evidence before writing any code.

Can I use this research-first approach for complex product screens?

Yes, you can use this research-first approach for complex product screens. It is specifically designed for high-fidelity landing pages, dashboards, and complex product interfaces where evidence-based design decisions are required.

What are anti-averaging quality gates in UX design?

Anti-averaging quality gates are constraints that prevent the AI from blending design choices into generic outputs. They enforce adherence to reference-locked decision ledgers, ensuring the final UI maintains unique, high-quality design standards.