Rene Wang：收集细小、认真、手工打磨的设计细节
前字节跳动（飞书、TikTok Shop）与 LobeHub 设计工程师，现在是一家尚未公开公司的创始设计工程师。TA 做了稍后读应用 FlowFerry、设计细节合集 Detail，以及把 120 多个真实细节编码成规则的 Agent Skill；正在写 AI 协作设计词典 Wording 和一款跨平台现代战争 RTS 游戏 Steel Tide。
- 设计工程
- 交互细节
- Next.js
- AI 协作
- 游戏
一句话：「Rene Wang is a design engineer crafting software from China.」TA 关注的是那些介于设计与工程之间、往往没人负责的问题：翻译后界面会不会崩、措辞如何影响体验、做出来的东西能不能长久。
代表作：Detail（2025）、Interface Details Skill（基于 120 多个真实案例）、FlowFerry（2024）、Mono Card、Currates、Timeline 扩展、Toolkits（★367）、Kindle 风格的个人网站系统 Kanso；进行中：Wording、Steel Tide。
关键数字：GitHub 近一年贡献 4,671 次；Detail 的 X 账号有 2,000 多关注者；博客从 2020 年写到 2026 年，二十多篇文章。
经历：字节跳动飞书 → TikTok Shop → LobeHub → 一家尚未公开的公司（创始设计工程师）。
Detail 的 Skill README 里有一句话，大概就是 Rene 的设计观：「大多数用户永远不会注意到任何一个单独的设计细节，但他们会感受到所有细节加在一起的效果。」
档案速览
Profile
- 身份
- 设计工程师；一家尚未公开公司的创始设计工程师
- 经历
- 字节跳动（飞书 Lark、TikTok Shop）→ LobeHub → 创业公司
- 代表作
- Detail、FlowFerry、Mono Card、Currates、Timeline、Toolkits、Kanso
- 进行中
- Wording（面向 AI 协作的设计词汇词典）、Steel Tide（跨平台现代战争 RTS，陆海空）
- 技术栈
- TypeScript / React / Next.js、Flutter、Kotlin、Rust、Unity（C#、ShaderLab）、Python（机器学习）
- 网站
- rene.wang（Next.js，Vercel）；2025 年存档的 Kindle 风格旧站
- 写作
- 中英文随笔：设计、工程、语言学习、家乡
TA 到底在做什么？
Rene 的作品可以分成两类。关于「细节」的：Detail 收集「让产品显得被认真考虑过的小决定」，比如更聪明的断词、按住 Option 显示底层信息、根据名字生成占位符、二合一登录框、点击标签聚焦输入框；Interface Details Skill 再把这些案例变成 AI 编程助手能执行的规则。关于「尊重」的：FlowFerry 无广告、无追踪、无需登录，文章保存在你自己的设备上；Toolkits 明确写着「No AI features」。
2026 年 TA 的新方向 Wording 出发点很有意思：在 AI 时代，设计师和 AI 协作的瓶颈往往不是能力，而是词汇。说得出是什么样的细节，才能得到那样的细节。
成长与经历
- 2019–2020
Toolkits 与早期作品
2019 年注册 X 和 GitHub，做了解决日常「纸割般小麻烦」的数字工具箱 Toolkits（★367）；2020 年做了文字冒险游戏创作平台 AdventureX、基于 mdui 的 React 组件库，以及 Kindle 风格的个人网站系统 Kanso，并写了《比 GitHub 更好用的代码部署平台》。
- 2021–2022
Kindle UI 与小工具
用 React 在浏览器里复刻 Kindle 体验的组件库 kindle-ui；电子同学录、URP 教务系统美化插件；用 Unity 做的无尽探索小游戏《流浪气球》Balloner，上架 App Store 和 Play Store。
- 字节跳动
飞书与 TikTok Shop
在字节跳动的飞书（Lark）和 TikTok Shop 团队工作，接触大规模协作与电商产品的设计工程。
- 2023
一年写了很多
Currates（选中网页文字即可换算成本地货币）、Timeline（自动保存你在 X 时间线上看过的帖子）；文章涵盖反向传播、粤语学习指南、国内注册 Google Play 开发者教程、《一次 PR 带来的启示》《我的老师》；开源了零框架、面向初学者的机器学习数字书。
- LobeHub
开源 AI 产品
加入以设计著称的开源 AI 聊天框架团队 LobeHub。
- 2024
FlowFerry 与 Mono Card
极简稍后读应用 FlowFerry；把任何链接、书或歌变成可分享卡片的 Mono Card；写了《Figma 给独立开发者的内容组织》《7 个提高用户捐赠意愿的产品小技巧》《The Small Art of Making Plans》。
- 2025
Detail
开始收集「小而认真、手工打磨」的设计细节；写《On Building》《Web 地图完全指南》《Flutter 应用内购实践指南》《坏习惯的本质》和散文《故乡》。
- 2026
创始设计工程师
在一家尚未公开的公司担任创始设计工程师；写下《Build Interfaces That Survive Translation》《Wording in Interfaces》《Make What You Build Last》《Honor Friction in Your Mind》；开发 Wording 与 Steel Tide。
代表作品详解
Detail ↗
「A collection of small, careful, crafted design details.」每个细节配一段短视频：更聪明的断词、按住 Option 查看底层细节、按住显示快捷键提示、内联正则测试器、自适应文字颜色、二合一登录框、横向越界滚动行为、点击标签聚焦输入框……都是用户说不出来、却能感受到的「顺」。
它有自己的 X 账号（2,000 多关注者）和赞助计划，并在 2026 年变成了一个 Agent Skill。
Interface Details Skill ↗
「A skill that helps to bring crafted micro-interactions, extra considerations, and thoughtful details to interfaces.」它基于 detail.design 上收集的 120 多个真实案例，把设计细节编码成 AI 编程助手可以执行的规则：微交互、额外的考量、措辞等。这是「把审美写成规则」的一种实践。
FlowFerry ↗
「A minimalist read-later app. Read without distraction.」粘贴一个链接，文章就被干净地排版到你的设备上。无广告、无追踪、无需登录，「离线，因为它属于你」。官网还藏着彩蛋：一个复古的「恭喜你成为今天的幸运用户」弹窗、会滚动的数字价格。
Toolkits ↗
「A digital toolbox to solve the paper-cuts in daily life. No AI features.」一个美观而极简、实用而简单的在线工具箱，从 2019 年维护到 2026 年。在人人都加 AI 的时候明确写「没有 AI 功能」，本身就是一种态度。
| 其他作品 | 年份 | 说明 |
|---|---|---|
| Steel Tide | 2026（进行中） | 跨平台现代战争 RTS，陆海空；已有官方 Mod 注册表 |
| Wording | 2026（进行中） | 面向 AI 协作的设计词汇词典 |
| Mono Card | 2024 | 把任何链接、书或歌变成漂亮的分享卡片 |
| Currates | 2023 | 选中网页上的金额，换算成本地货币 |
| Timeline | 2023 | 自动保存你在 X 时间线上看过的帖子（最多 100 条） |
| Kanso | 2020 | Kindle 风格、Markdown 驱动的个人网站系统（★86） |
| 前端沉淀小册 | 2023 | 系统梳理大前端的电子书 |
个人网站研究
极简的单页：一句介绍，然后是作品列表（WIP 标签 + 年份 + 一句话）、文章列表、当前工作和联系方式。没有图片，只靠排版的层级和节奏。
页面底部用三行字交代了职业：「Currently, Rene is the founding design engineer at a company that hasn't surfaced yet. Previously, LobeHub. Before that, Lark and TikTok Shop at ByteDance.」2025 年的旧站则以 Kindle 风格存档。
| 维度 | 观察 |
|---|---|
| 技术 | Next.js，Vercel |
| 结构 | Works / Essays / Currently / Contact 一页到底 |
| 存档 | 每年的旧网站保留在子域名（如 2025.rene.wang） |
写作与观点
- 2026Build Interfaces That Survive Translation
界面翻译成其他语言后，还能不能用？
- 2026
- 2026
- 2025
- 2025
- 2025
- 2024
Most users will never notice any single design detail. But they will feel all of them together.
— Interface Details Skill README
长处与局限
| 维度 | 长处 | 局限 / 需要留意 |
|---|---|---|
| 设计 | 对微交互和措辞极其敏感，并能系统化地整理 | 很多作品是个人小项目，用户规模有限 |
| 工程 | Web、移动、游戏引擎、机器学习都有涉猎 | 兴趣广泛，项目之间跨度大 |
| 写作 | 中英双语，选题从技术到散文 | 文章数量不多，更新不规律 |
| 方向 | 把细节变成 Agent 可用的规则，契合 AI 时代 | 当前公司尚未公开，主要工作外界看不到 |
可以从 TA 身上学什么
- 收集细节：好的设计感来自对大量细节的观察与积累。
- 把原则写下来：一篇篇短文和一个 Skill，就是你自己的设计系统。
- 尊重用户数据：离线、本地、无追踪，本身就是体验的一部分。
- 学会描述细节：在 AI 时代，词汇决定了你能得到什么。
推荐先看这三个
- Detail ↗
刷十分钟，你会开始注意到身边产品里的小细节。
- Interface Details Skill ↗
把这些细节规则交给你的 AI 编程助手。
- FlowFerry ↗
一个只为阅读而排版的稍后读应用。
去看看 Rene Wang 本人的作品
去 detail.design 看看那些「你说不出来、但能感受到」的细节。
资料来源
- Rene Wang 的 X 个人资料
- rene.wang
- Detail
- Interface Details Skill README
- FlowFerry
- GitHub：rivertwilight
- Toolkits README
- Kanso README
本页由公开资料整理，可能存在遗漏或过时之处；以本人公开发布的信息为准。
