Refero 方向 + Sketchbook + figma bro Refero direction + Sketchbook + figma bro

Refero direction + Sketchbook + figma bro

贴一份 Refero DESIGN.md 当方向，Sketchbook 当落地页骨架，figma bro 走真实组件库改稿。口味判断必须人做。 Paste one Refero DESIGN.md as direction, use Sketchbook as the landing skeleton, and let figma bro edit through a real component library. Taste judgment stays human.

三件套The kit

HTML 壳HTML shell

Refero Styles Refero Styles

Refero Styles

2000+ 份从真实产品站抽出来的 DESIGN.md：颜色、字体、间距、组件，给 Cursor / Claude Code / Codex 直接读。 2,000+ DESIGN.md files pulled from real product sites — colors, type, spacing, components — readable by Cursor, Claude Code, and Codex.

Agent UI 件Agent UI piece

Sketchbook Sketchbook

Sketchbook

MengTo Sketchbook 落地页：像一本可翻的速写本，Community 整页可打开，免登录。 MengTo Sketchbook landing: like a flip-through sketchbook. The full Community page opens with no login.

Grok Bot 案Grok Bot case

figma bro：Figma 设计系统搭档 figma bro: a Figma design-system partner

figma bro: a Figma design-system partner

John Bai（Designing SpaceXAI）公开的可添加 Grok Bot 模板。Auto Layout 优先、少图层、走真实组件库，改文件走 Figma 连接器而不是截图。第三方 Bot，会代你动手。 A shareable Grok Bot template from John Bai (Designing SpaceXAI). Autolayout-first, fewest layers, real component library; it edits through the Figma connector, not screenshots. Third-party bot; it can act on your files.