Dd有设计感的开发者
拾一 Innei 的头像
拾一 Innei设计工程师 · LobeHub · Mix Space / Shiro 作者

拾一:把个人网站做成作品的设计工程师

一个自称「内向、社恐、INFP-T」的开发者,写出了四千多星的个人站主题 Shiro 和整套博客系统 Mix Space,做了照片画廊 Afilmory 和排版设计系统「余白 Yohaku」。他在阿里工作过,参与过 Folo,现在在 LobeHub 构建 AI 产品,并把自己定位为「AI 指挥师」:一天原型,一周成品。

@__oQuery数字游民第二批 · 4分约 13 分钟读完更新于 2026-10-21
  • 设计工程
  • 个人网站
  • 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;他负责定需求和验收。

1.2 万X 关注者
2014加入 X
6,194GitHub 代表仓库 ★
3,501GitHub 关注者

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。

本页依据 innei.in(自述、文章、手记、时间线)、GitHub 主页与 README、Nyatabi 官网与 App Store 资料和 X 资料整理,资料截至 2026 年 10 月。手记中的私人生活内容未收录。

成长与经历

  1. 2018–2019

    开始写代码与博客

    2018 年注册 GitHub;2019 年做了 Typecho 博客主题 Paul(★291),并从 2019 年 4 月起成为 Node 全栈开发者(Vue、React、NestJS、Fastify、MongoDB)。

  2. 2020–2021

    Mix Space

    开始构建自己的博客系统 Mix Space(内容后端、前端与管理后台),个人网站从 2020 年运行至今。2021 年做了 shuffle-article:在 DOM 里打乱文字但保持视觉不变,用来轻量防复制。

  3. 阿里巴巴

    大厂与开源贡献

    在阿里巴巴工作过;为 bytebase、blocksuite、naive-ui、xLog 等开源项目贡献过代码。

  4. 2023

    Shiro

    发布 Shiro,成为中文开发者最受欢迎的个人站主题之一。

  5. 2024–2025

    设计工程师与 AI 指挥师

    2024 年起以设计开发为主;参与 Folo 的 Electron 客户端开发;做了 Afilmory、Pastel、electron-ipc-decorator;2025 年 4 月起称自己为「AI 指挥师」,并加入 LobeHub。

  6. 2026

    余白与 iOS

    发布排版设计系统余白 Yohaku;「一天原型,一周成品」做出 Lody iOS;上架旅行 App Nyatabi;用 Claude Code、Codex 和 Remotion 做了一支 4 分 28 秒的《命运石之门》MV;写了《UIKitCore 逆向分析报告》《从纯 CSS 到 StyleX》等长文。

代表作品详解

Shiro ↗

2023TypeScript · Next.jsMix Space 前端

「A minimalist personal website embodying the purity of paper and freshness of snow.」Mix Space 的前端主题,大量中文开发者用它搭建自己的博客。仓库从 2023 年持续更新到 2026 年 10 月。

GitHub
★4,257 · ⑂860

余白 Yohaku ↗

2026设计系统 + 跨端出版README 中日英三语

「留白也是写作的一部分。」一套面向个人写作的跨端出版产品,以 mx-core 为内容后端。设计规则极其克制:一个强调色、三层中性色,剩下的都是留白。

innei.in 本身就是它的样板间:页脚写着「印于 10/20/2026」,像一本按日期付印的刊物。Web 版通过 GitHub Sponsors 获取访问权限。

GitHub
★201
设计站
yohaku.innei.dev

Afilmory ↗

2025TypeScript开源 + SaaS

「A modern, high-performance photo gallery platform for photographers.」支持 S3 / GitHub 同步、EXIF 详情、地图和 WebGL 查看器,既可自托管,也有官方 SaaS afilmory.art。

GitHub
★2,659

Kansoku ↗

2026macOSAI 看盘

「装在你 Mac 上的能查账的 AI 看盘搭子。」行情从你自己的长桥账户拉取,指标全部本地计算,AI 用你自己配置的模型盯盘和答疑。它的规则很有意思:每个结论挂着完整证据链,归档之后不许改口,事后按命中率记分。

GitHub
★329
其他作品年份说明
lody-ios2026Lody 的第三方 iOS 客户端,原生聊天与编程 Agent 协作(★519)
Nyatabi2026AI 旅行伙伴 Musubi:一句话规划行程、拍小票分账
Torrent Vibe2025qBittorrent 的现代 Web 界面
Pastel2025kawaii 风格的 OKLCH 色彩系统,支持 TailwindCSS v4
Kagura2026在 Slack 里运行 Claude Agent SDK 和 Codex CLI
shuffle-article2021打乱 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
内容文稿(技术长文)、手记(生活)、思考(短想法)
功能社交登录评论、订阅通信、多语言、深浅色

写作与观点

以开发者的身份,站在普通用户的角度体验自己开发的东西,是否有存在的必要性,是否拥有良好的体验感。

— 拾一,innei.in 自述

长处与局限

维度长处局限 / 需要留意
设计工程审美稳定,组件和色彩系统都能自己做—
产出近一年近两万次贡献,项目多且新项目分散,部分已归档
开源Shiro、Afilmory 社区基础好余白 Web 版需赞助获取访问
写作技术长文 + 生活手记,真实部分手记较私人

可以从他身上学什么

  • 把个人网站当作品:一个博客主题也能收获四千多颗星。
  • 沉淀自己的设计系统:颜色、字体、留白,写成可复用的规则。
  • 内向也能被看见:作品和写作替你说话。
  • 做 AI 指挥师:自己定需求、做验收,让 Agent 写代码。
  • 警惕效率悖论:生产力提升,也可能带来疲惫。

推荐先看这三个

  1. innei.in ↗

    看一个用自己设计系统「付印」的个人网站。

  2. Shiro ↗

    想要一个好看的博客,可以从它开始。

  3. Afilmory ↗

    给你的照片做一个带地图和 EXIF 的画廊。

去看看 拾一 Innei 本人的作品

去 innei.in 读一篇「近期笔墨」,再翻翻他的时间线。

资料来源

  1. 拾一的 X 个人资料
  2. innei.in
  3. innei.in:自述
  4. GitHub:Innei
  5. 余白 Yohaku README
  6. Afilmory
  7. Nyatabi

本页由公开资料整理,可能存在遗漏或过时之处;以本人公开发布的信息为准。