referodesignreferodesignOfficialยท1 Agent Skills Included

refero_skill

Research-driven UI design grounded in real product references

Designs landing pages, dashboards, and product screens grounded in real references instead of generic defaults. Researches visual styles, 150,000+ real app screens, and 6,000+ user flows before any implementation begins. Applies bundled guidance for typography, color, spacing, motion, icons, and copywriting to eliminate generic AI-looking output. Validates finished visual work against locked references before handoff.
npx skills add referodesign/refero_skill --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Refero?โ–ผ

Run `npx skills add referodesign/refero_skill --all -g -y` in your terminal to install the design skill globally.

How to stop AI-generated designs from looking generic?โ–ผ

Refero forces research before implementation, locking real visual references so your agent avoids default patterns like indigo palettes, card overload, and safe averaged layouts.

What design tasks does Refero handle?โ–ผ

It covers landing pages, dashboards, product screens, redesigns, design systems, typography, color, motion, icons, accessibility, and conversion copywriting.

Does Refero work with Claude Code and Cursor?โ–ผ

Yes. It ships as a standard SKILL.md with plugin manifests for Claude Code, Codex, Cursor, and Gemini CLI, plus an optional MCP connection for live research.

Do I need a Refero account to use the skill?โ–ผ

No. The bundled craft references work without an account; signing in via OAuth only unlocks live style, screen, and flow research.

Related Repositories in Design & Creative

View All in Design & Creativeโ†’