拾一:把个人网站做成作品的设计工程师
一个自称「内向、社恐、INFP-T」的开发者,写出了四千多星的个人站主题 Shiro 和整套博客系统 Mix Space,做了照片画廊 Afilmory 和排版设计系统「余白 Yohaku」。他在阿里工作过,参与过 Folo,现在在 LobeHub 构建 AI 产品,并把自己定位为「AI 指挥师」:一天原型,一周成品。
- 设计工程
- 个人网站
- React
- AI Agent
- iOS
一句话:「I orchestrate ideas into products with AI Agents.」GitHub 简介:Digital Nomad、Design Engineer、Prompt Engineer,Gen-Z。
代表作:Shiro(★4.3 千)、Afilmory(★2.7 千)、lody-ios(★519)、Kansoku(★329)、余白 Yohaku、Torrent Vibe、Pastel、Mix Space;iOS App Nyatabi。
关键数字:GitHub 262 个公开仓库、粉丝 3,500,近一年 19,183 次贡献;X 关注者约 1.2 万;博客时间线 384 篇,2026 年已写 40 篇。
工作方式:2025 年 4 月起以「AI 指挥师」自居,员工是 Claude Code、Codex、Copilot、Cursor 和 ChatGPT;他负责定需求和验收。
Shiro 的描述只有一句:「一个体现纸的纯粹与雪的清新的极简个人网站。」它是一个博客主题,却有四千多颗星和八百多个分叉,成了中文开发者最常用的个人站模板之一。它的作者在自述里说自己「内向、社恐」,「还是少说话为妙」。他让作品替自己说话。
档案速览
Profile
- 身份
- 设计工程师(Design Engineer)、全栈开发者
- 现任
- LobeHub
- 此前
- 阿里巴巴(花名「亿夏」,取自邱有句的纯音乐《亿夏风铃》);参与过 Folo
- 所在地
- 数字游民
- 技术栈
- TypeScript、React / Next.js、NestJS、Electron、Swift、TailwindCSS、Radix、Framer Motion
- 开源组织
- mx-space、Afilmory、Torrent-Vibe、kansoku-trade、lobehub 等
- 代表作
- Shiro、Mix Space、Afilmory、余白 Yohaku、lody-ios、Kansoku
他到底在做什么?
拾一的作品几乎都围绕「好看、好用的界面」:博客系统 Mix Space 和它的前端主题 Shiro、给摄影师的照片画廊 Afilmory、qBittorrent 的现代 Web 界面 Torrent Vibe、kawaii 风格的 OKLCH 色彩系统 Pastel,以及 2026 年把这一切收拢起来的排版设计系统「余白 Yohaku」。
2025 年以后,他的产出速度明显变快:近一年接近两万次贡献,用 Agent 写代码、自己验收。2026 年他做了 Lody 的第三方 iOS 客户端、旅行记账 App Nyatabi、Mac 上的 AI 看盘工具 Kansoku,以及在 Slack 里运行 Claude Agent SDK 和 Codex 的 Kagura。
成长与经历
- 2018–2019
开始写代码与博客
2018 年注册 GitHub;2019 年做了 Typecho 博客主题 Paul(★291),并从 2019 年 4 月起成为 Node 全栈开发者(Vue、React、NestJS、Fastify、MongoDB)。
- 2020–2021
Mix Space
开始构建自己的博客系统 Mix Space(内容后端、前端与管理后台),个人网站从 2020 年运行至今。2021 年做了 shuffle-article:在 DOM 里打乱文字但保持视觉不变,用来轻量防复制。
- 阿里巴巴
大厂与开源贡献
在阿里巴巴工作过;为 bytebase、blocksuite、naive-ui、xLog 等开源项目贡献过代码。
- 2023
Shiro
发布 Shiro,成为中文开发者最受欢迎的个人站主题之一。
- 2024–2025
设计工程师与 AI 指挥师
2024 年起以设计开发为主;参与 Folo 的 Electron 客户端开发;做了 Afilmory、Pastel、electron-ipc-decorator;2025 年 4 月起称自己为「AI 指挥师」,并加入 LobeHub。
- 2026
余白与 iOS
发布排版设计系统余白 Yohaku;「一天原型,一周成品」做出 Lody iOS;上架旅行 App Nyatabi;用 Claude Code、Codex 和 Remotion 做了一支 4 分 28 秒的《命运石之门》MV;写了《UIKitCore 逆向分析报告》《从纯 CSS 到 StyleX》等长文。
代表作品详解
Shiro ↗
「A minimalist personal website embodying the purity of paper and freshness of snow.」Mix Space 的前端主题,大量中文开发者用它搭建自己的博客。仓库从 2023 年持续更新到 2026 年 10 月。
- GitHub
- ★4,257 · ⑂860
余白 Yohaku ↗
「留白也是写作的一部分。」一套面向个人写作的跨端出版产品,以 mx-core 为内容后端。设计规则极其克制:一个强调色、三层中性色,剩下的都是留白。
innei.in 本身就是它的样板间:页脚写着「印于 10/20/2026」,像一本按日期付印的刊物。Web 版通过 GitHub Sponsors 获取访问权限。
- GitHub
- ★201
- 设计站
- yohaku.innei.dev
Afilmory ↗
「A modern, high-performance photo gallery platform for photographers.」支持 S3 / GitHub 同步、EXIF 详情、地图和 WebGL 查看器,既可自托管,也有官方 SaaS afilmory.art。
- GitHub
- ★2,659
Kansoku ↗
「装在你 Mac 上的能查账的 AI 看盘搭子。」行情从你自己的长桥账户拉取,指标全部本地计算,AI 用你自己配置的模型盯盘和答疑。它的规则很有意思:每个结论挂着完整证据链,归档之后不许改口,事后按命中率记分。
- GitHub
- ★329
| 其他作品 | 年份 | 说明 |
|---|---|---|
| lody-ios | 2026 | Lody 的第三方 iOS 客户端,原生聊天与编程 Agent 协作(★519) |
| Nyatabi | 2026 | AI 旅行伙伴 Musubi:一句话规划行程、拍小票分账 |
| Torrent Vibe | 2025 | qBittorrent 的现代 Web 界面 |
| Pastel | 2025 | kawaii 风格的 OKLCH 色彩系统,支持 TailwindCSS v4 |
| Kagura | 2026 | 在 Slack 里运行 Claude Agent SDK 和 Codex CLI |
| shuffle-article | 2021 | 打乱 DOM 文字但保持视觉不变的轻量防复制 |
个人网站研究
首页像一本杂志的扉页:「Hi, I'm Innei 👋 I orchestrate ideas into products with ✦ AI Agents」,下面是一句引言、文章 / 字数 / 天数统计,以及编号的「近期笔墨」。导航是中文的:首页、文稿、手记、时光、思考。
「自述」页写得很长、很坦诚:「这是一份关于站长的报告,请查收」。时间线页显示年度进度和今日进度,下面写着「Live in the present, cherish the moment」。页脚标明由 Mix Space 和余白 Yohaku 驱动,©2020–2026。
| 维度 | 观察 |
|---|---|
| 技术 | Next.js + Mix Space 后端,Cloudflare |
| 内容 | 文稿(技术长文)、手记(生活)、思考(短想法) |
| 功能 | 社交登录评论、订阅通信、多语言、深浅色 |
写作与观点
- 2026-10-09我的 AI Native iOS 开发验证工作流
代码大部分由 Agent 写,他负责定需求和验收。
- 2026-09-30
- 2026-09-29
- 2026-09-12
- 2026-08-30
- 置顶
以开发者的身份,站在普通用户的角度体验自己开发的东西,是否有存在的必要性,是否拥有良好的体验感。
— 拾一,innei.in 自述
长处与局限
| 维度 | 长处 | 局限 / 需要留意 |
|---|---|---|
| 设计工程 | 审美稳定,组件和色彩系统都能自己做 | — |
| 产出 | 近一年近两万次贡献,项目多且新 | 项目分散,部分已归档 |
| 开源 | Shiro、Afilmory 社区基础好 | 余白 Web 版需赞助获取访问 |
| 写作 | 技术长文 + 生活手记,真实 | 部分手记较私人 |
可以从他身上学什么
- 把个人网站当作品:一个博客主题也能收获四千多颗星。
- 沉淀自己的设计系统:颜色、字体、留白,写成可复用的规则。
- 内向也能被看见:作品和写作替你说话。
- 做 AI 指挥师:自己定需求、做验收,让 Agent 写代码。
- 警惕效率悖论:生产力提升,也可能带来疲惫。
推荐先看这三个
- innei.in ↗
看一个用自己设计系统「付印」的个人网站。
- Shiro ↗
想要一个好看的博客,可以从它开始。
- Afilmory ↗
给你的照片做一个带地图和 EXIF 的画廊。
去看看 拾一 Innei 本人的作品
去 innei.in 读一篇「近期笔墨」,再翻翻他的时间线。
资料来源
本页由公开资料整理,可能存在遗漏或过时之处;以本人公开发布的信息为准。