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

Joined September 2022
88 Photos and videos
Refero retweeted
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
6
107
Refero retweeted
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
274
Refero retweeted
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
25
2,813
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
1
1
9
3,191
Refero retweeted
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
15
1,923
Refero retweeted
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
207
882
10,533
1,515,582
Refero retweeted
pumping screens in @paper using @referodesign mcp, rly good for ideations
1
1
5
1,957
Refero retweeted
Apr 14
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,247
Refero retweeted
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
88
2,081
292,929
Refero retweeted
Something big is coming to @referodesign
1
26
6,880
Refero retweeted
Been playing with @paper and @claudeai (@referodesign ofc) to build my own Personal Health Dashboard
1
2
19
4,427
Refero retweeted
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
71
8,996
Refero retweeted
Mar 17
I asked the @referodesign MCP to "get the screenshots for the examples in this article or something comparable." It found them or something comparable _based on the article_, hydrated the hover cards with the images. All *semantically*. I didn't have to hunt the examples down. <3
1
2
6
2,355
Refero retweeted
Experiment: @claudeai @paper with @referodesign (ux/patterns) @maxibestofone (ui/visual). "Tinder for Dogs" in under 8 mins.
3
1
24
3,341
Refero retweeted
We just launched Refero MCP on Product Hunt. If you want your AI to design better UI, check it out. There’s also a 30% discount code. Would appreciate the support 🙌 producthunt.com/products/ref…
4
3
23
3,783
Refero retweeted
The gap between "I love how they designed this" and "I have it in my Figma" just collapsed to one prompt. Built a design research pipeline that brings the design taste of any product into Figma. No screenshotting. No eyedropping. No guessing font sizes. Just one prompt in a terminal. Here's the problem: You see a pricing page you love - Stripe, Linear, Notion -and you want that level of design quality in your project. So you screenshot, squint at spacing, guess the border radius, and spend hours rebuilding it from scratch. I connected 3 MCP servers to Claude Code and replaced all of that: "Design a pricing page inspired by Stripe and Linear" → @referodesign MCP searched 124K real product screenshots → Pulled the design taste - exact hex colors, font weights, spacing, layout patterns, UX conventions → @claudeai Code wrote HTML/CSS blending both design languages into something new → @figma MCP captured it into my file as editable layers Under 3 minutes. Cost $1.24 . Figma Output in Thread 👀 Old workflow of screenshot → squint → rebuild? - That's dead 💀
2
9
33
3,587
Refero retweeted
Dont use it for UI. UI is easy. Use gemini and @referodesign mcp
1
2
1,162
Refero retweeted
🤫 Refero MCP is now included in the regular Pro. So now every Refero Pro user can try it. Your AI agent can research real product interfaces, user flows, and patterns in seconds, the kind of design research that normally takes hours. Better research → better generated UI refero.design/mcp
6
2
55
5,455
Refero retweeted
We built a demo site so anyone can try Refero MCP It lets AI agents do real design research before generating UI, studying real product screens, user flows, patterns and more Play with it here: demo.refero.design/
15
4
196
14,935
Refero retweeted
just integrated this mcp into my demo, works really well
Replying to @bbssppllvv
wow, i’m impressed by how fast the demo responds. super smooth experience. brilliant idea too demo.refero.design/
1
2
4
3,613