The first thing you see after upgrading to Refero Pro.
Checkout got a glow-up
refero.design
Refero is now available as a plugin for ChatGPT and Codex. Bring real product design into your agent’s workflow. What will you build?
Refero retweeted
关注网站前端设计的朋友们「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 收窄视觉方向,你的提示词定义产品问题。
Refero retweeted
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.
Refero retweeted
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
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.
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
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
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
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.
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
Refero retweeted
pumping screens in @paper using @referodesign mcp, rly good for ideations
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
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
Refero retweeted
Been playing with @paper and @claudeai (@referodesign ofc) to build my own Personal Health Dashboard
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















