HORACE / BUILDING IN PUBLIC07 PRODUCTS · 01 MAKER

你好, 我是 Horace。 我把脑子里的 小问题, 做成 真的产品。

过去一年,我在 Web、浏览器扩展和 macOS 上做了七个项目。 有些上线了,有些仍在变化。拖动、滚动,看看它们是怎么被做出来的。

Selected work04 / 07

四个我花了很多时间,把细节慢慢磨出来的产品。

AppScreenshots AI store asset workflow interface
01ShipLive / Evolving

AppScreenshots

不想每次发版都重新折腾商店截图,所以做了一个从设计、翻译到批量导出的工作台。

View case
Full Page Screenshot visual editor and property panel
02CaptureLive · Chrome / Edge

Full Page Screenshot

从整页截图到标注、隐私处理和高清导出,尽量在一次工作流里完成。

View case
Snappix native macOS screenshot editor
03CaptureLive · macOS

Snappix

一个原生 Mac 截图工具,让截图、标注和美化不用在几个应用之间来回切换。

View case
CloneWebsite code export interface
04CaptureLive · Distribution evolving

CloneWebsite

把喜欢的网页带回本地,保留资源和样式,还能继续编辑并导入 Figma。

View case
Build notes真实踩坑片段

比起“成功经验”,这些是我更愿意留下来的东西。

012026.08

AI 最安全的发布按钮,是先不发布。

在 AppScreenshots 里,我把 AI 输出留在草稿层。先看清每个语言版本,再决定是否覆盖已有内容。

From AppScreenshots
022026.08

浏览器不会告诉你,超长 WebP 已经被截断了。

做到 16,383px 以后,文件仍然能导出,只是悄悄变短。最后只能把超长图片拆成多个片段。

From Full Page Screenshot
032026.07

保存网页很容易,让它继续可编辑很难。

CloneWebsite 真正费时间的部分不是下载 HTML,而是把样式、资源和布局关系重新带进 Figma。

From CloneWebsite
快速问答Horace 撰写

Horace 在做什么,又是如何做的?

Horace 维护 · 更新于

01一手记录

Horace 在做什么样的产品?

Horace 专注于为需要创作、采集、整理和交付数字内容的人打造工具。目前,这份作品集记录了七个已经上线或仍在持续演进的产品,覆盖 Web、Chrome 与 Edge 扩展,以及原生 macOS 软件。其中包括:用于制作应用商店素材的 AppScreenshots;用于截图采集的 Full Page Screenshot 和 Snappix;用于保存网页研究资料的 CloneWebsite 和 Uniclip;用于制作发布素材的 AppIconGenerator;以及用于生成式媒体创作的 GenX。每个案例都会分别说明问题、产品决策、已经验证的结果,以及仍需完善的部分。

查看全部七个案例
02一手记录

Horace 如何处理产品设计与 AI 的关系?

每个项目都从反复出现的工作流问题出发,而不是先贴上某种技术标签。Horace 的工作涵盖产品定义、信息架构、界面设计、视觉方向、交互与实现。AI 只用在能减少重复劳动的地方;如果发布操作可能覆盖已有内容,生成结果必须可以先预览,也能够撤销。作品页面以一手开发记录说明这些取舍,而不是使用未经验证的增长数据。这些内容可供正在评估实用产品设计、浏览器扩展架构、原生 macOS 交互、本地化和发布流程的独立开发者与小型团队参考。

阅读我的工作原则
03一手记录

这些产品如何保证可靠性和可访问性?

可靠性意味着把权限、状态归属、超长图片限制、导出、故障恢复和“减弱动态效果”偏好都视为产品决策。浏览器扩展会持久保存重要状态,而不是假设后台进程会一直存活。可能造成破坏的发布操作必须保留预览或确认环节。动效用于解释层级和空间变化;即使关闭动画或 JavaScript,核心内容仍然可读。这些原则来自亲手实现产品的经验,并会对照平台指南进行检查,而不是作为装饰性的口号。

参考:W3C WCAG 建议尊重用户的动态效果偏好,并移除不必要的动态效果;Apple HIG 建议有目的地使用动效,让其服务于体验而非喧宾夺主;Chrome 开发者文档 介绍了扩展程序 Service Worker 的生命周期。

Latest writingBlog

把项目背后的判断,写得比作品卡片再多一点。

More experiments03 / 07

另外三个还在继续变化的小工具。

Now / September 2026

最近在重新整理自己的作品集。

我不想再把它做成一份技术栈清单,也不想假装每个项目都已经完美结束。 这里会保留做成的部分,也会写下仍然不满意的地方。

了解更多关于我