瑚琏 AbelAbel

颜值 + 好用的 React 设计系统

做中后台总在一个个项目里重写同一批组件，索性抽成一套主题可切换、token 驱动的 React 库。这个站就是用它搭的。

React 19　·　TypeScript　·　Tailwind v4　·　设计系统　·　开源

多项目开发命令的「码头」

同时开五六个项目时，dev / build / test 的终端标签转眼就乱了，于是做了个 macOS 工具把这些长跑命令停在一处、随手切换。

Tauri 2　·　React　·　Rust　·　macOS　·　桌面应用

把书里的文字，显影成可看见的插画

读完一本好书，脑子里的画面却留不住、说不清。于是做了拾光：喂进 txt / pdf，按体裁切「插画镜头」，萃取 8~12 张顶配插画和一条情绪曲线，每张都附「为什么是这张」。

AI 文生图　·　React 19　·　TypeScript　·　桌面应用

把视频拆成镜头，逐镜讲清为什么这么拍

看大师的运镜总觉得高级却说不出所以然。Cadre 把视频拆成一个个镜头，按景别 / 运镜 / 构图 / 光色等十个维度逐镜分析，告诉你每个镜头「为什么这么拍」。

AI 视觉　·　React 19　·　HeroUI v3　·　桌面应用

小红书图文工作流构建器

做小红书种草图文，从选题到配图到排版要在好几个工具间来回倒。于是做了个把整条图文生产串成可视化工作流的构建器，一处编排、批量出图。

Tauri　·　React　·　Fastify　·　桌面应用

颜值优先的中国茶探索与选茶审视

想认真买茶，却淹没在营销话术里分不清产区山头。拾叶从手绘茶产区地图钻取产区 → 名寨 → 茶款，再进「审视模式」去营销地看优缺点、横向 PK、正反观点对冲。

Tauri 2　·　React 19　·　d3-geo　·　桌面应用

100% 用 hulianui 搭的 Mock 数据工作台

前端联调总缺一份像样的假数据，手写又慢又假。Mock Pilot 一键生成档案 / 权限 / 业务数据 / UUID / 占位图，三视图预览、多格式导出，顺便给 hulianui 当真实练兵场。

React 19　·　Vite　·　TypeScript　·　开源

把 Sketch 画板一键导出成像素级还原的 HTML

设计稿还原成 HTML 是重复体力活。Sketch2HTML 是个 Sketch 插件：选中画板一键导出像素级还原的 HTML，文本转文字、形状转 CSS、图片自动切图，支持多画板与 1x / 2x / 3x。

Sketch 插件　·　JavaScript　·　设计转码　·　开源

把多个 CLI agent 编排在一张画布上（已搁置）

一个项目里 Codex 起草、Claude 审查、tests 验证，几个 CLI agent 各开一个终端，状态全靠脑子记。想做个 Mac 原生工作台把它们编排进一张可视画布——做到一半复杂度失控，搁置了，但这趟探索本身很值。

macOS　·　Agent 编排　·　实验项目