Design research for humans and AI. Real product screens, flows, and patterns to help teams and AI make better design decisions.

Joined September 2022
We’ve been cooking something
23
14
3
497
22,200
The first thing you see after upgrading to Refero Pro. Checkout got a glow-up refero.design
5
1
1
34
6,671
til that @referodesign is awesome!🔥
1
1
161
Refero is now available as a plugin for ChatGPT and Codex. Bring real product design into your agent’s workflow. What will you build?
1
5
1
79
5,455
关注网站前端设计的朋友们「Refero Styles」建议收藏 styles.refero.design/ @referodesign Refero Styles 给 AI Agents 提供"设计品味"参考资料库,把 2,000+ 个知名产品网站(Apple、Linear、Stripe、Notion、Cursor、ElevenLabs、Mercury、Duolingo、Lamborghini 等)的视觉设计语言,逐一提取、结构化,打包成 DESIGN.md 文件。 Refero Styles 建议的标准三步工作流 1. 按"任务"而非"品牌名气"选风格——先明确你在做什么(落地页、仪表盘、定价页、引导流程、文档),再匹配密度、语调和受众相近的参考; 2. 把 DESIGN.md 粘贴进 Agent 上下文——放在设计请求之前,并指明哪些部分最重要(配色、字体、间距、组件重量或整个系统); 3. 给出具体任务——如"设计一个定价区块"、"构建一个设置页"。DESIGN.md 收窄视觉方向,你的提示词定义产品问题。
27
5
27
3,140
I‘ve used Refero(@referodesign ) for nearly two months with my claude code. Recently, I noticed the stuck part was what is user-friendly interaction path and content layout, rather than coding. Refero's product design gives me an insight about design taste. Consider your flow and UX pattern first, not your UI component first.
2
1
6
459
worth 47 tabs
3
1
13
1,738
Found this is neat tool It lets you search real product screens and flows, and they have an MCP so your coding agent can use those references too much better than asking AI to “make the UI look good” refero.design
2
3
59
5,743
Shoutout to @referodesign - Since plugging your skill and database into my product development workflows, the quality of the UI is just so much higher. And it's been an education to see the research process in action too.
1
5
933
Tried @referodesign MCP and built a simple habit tracker app, starting new YouTube series. Having a lot of fun with Cursor lately. Will try more bigger and complex things. Linked in next thread
1
1
1
1,078
These two pages were made in Figma + @referodesign MCP Both were one-shotted by an agent using Refero as its design research layer
6
1
29
4,015
Refero MCP just got a big update! Agents can now search across 2,000+ real product styles (DESIGN.md). So instead of only referencing screens and user flows, your agent can understand visual direction, style, and product aesthetics before generating UI refero.design/mcp
2
1
2
16
5,159
Website demo for Perk-AI. Built with: Claude Opus 4.7 → UI generation Refero → design direction GPT-5.5 → branding + creative Image 2.0 → visuals + mockups Entire product experience designed through an AI-native workflow.
3
3
1
20
2,844
Agents make ugly UIs because they've never seen good design. We've been fixing that, 2,000 DESIGN.md files from the world's best products, structured for a model to read and learn. Colors, type, spacing, layouts and more. Free. styles.refero.design
206
920
74
10,617
1,589,085
pumping screens in @paper using @referodesign mcp, rly good for ideations
1
1
1
4
2,245
Refero retweeted
Replying to @UXsatyam
Create a doc for the user flow using ChatGPT, UI planning, and research using @referodesign inside Claude in the terminal, and Claude & Figma MCP for UI implementation. I use @emilkowalski web animation skill for basic micro-interactions & @rive_app
1
1
2
2,496
This thinking indicator is just two lines of math: x = 7cos(t) − d·cos(7t), y = 7sin(t) − d·sin(7t) No keyframes. No Lottie. Coming soon on @referodesign
33
86
13
2,064
297,029
Been playing with @paper and @claudeai (@referodesign ofc) to build my own Personal Health Dashboard
1
2
18
4,608
My current AI workflow: - @referodesign MCP for design research - Portal for design (DM me for beta access) - Conductor for code - Obsidian for management love when tools start building themselves. Built the Portal site in a taxi with Claude + Portal
3
4
1
71
9,211