Refero Styles
Real products' design styles packaged as DESIGN.md files your AI agent can follow.
About
Refero Styles is a spin-off of Refero, the design reference library of real product screens. It analyzes well-known product websites and publishes their visual rules — colors, typography, spacing, and components — as DESIGN.md Markdown files that AI coding agents can read directly. The library holds more than 2,000 design systems with new styles added weekly, so a vibe-coded site can be built to a proven product's look instead of a generic template.
No install — browse the styles at https://styles.refero.design and copy or download the DESIGN.md file for the style you want.
More in Design & Marketing
View all
Apple-design skill
Apple's design rules as a Claude skill: principles for interface design and fluid motion from WWDC talks, translated for the web.
Taste
An art-direction skill pack for coding agents: 3 of 20 researched directions per build, real photos, browser-checked at 3 widths.
Mermaid Online
Live Mermaid diagram editor with AI text-to-diagram and screenshot-to-diagram, exporting PNG, SVG and code