
你好, 我是 Horace。 我把脑子里的 小问题, 做成 真的产品。
过去一年,我在 Web、浏览器扩展和 macOS 上做了七个项目。 有些上线了,有些仍在变化。拖动、滚动,看看它们是怎么被做出来的。
四个我花了很多时间,把细节慢慢磨出来的产品。
比起“成功经验”,这些是我更愿意留下来的东西。
AI 最安全的发布按钮,是先不发布。
在 AppScreenshots 里,我把 AI 输出留在草稿层。先看清每个语言版本,再决定是否覆盖已有内容。
From AppScreenshots浏览器不会告诉你,超长 WebP 已经被截断了。
做到 16,383px 以后,文件仍然能导出,只是悄悄变短。最后只能把超长图片拆成多个片段。
From Full Page Screenshot保存网页很容易,让它继续可编辑很难。
CloneWebsite 真正费时间的部分不是下载 HTML,而是把样式、资源和布局关系重新带进 Figma。
From CloneWebsiteHorace 在做什么,又是如何做的?
由 Horace 维护 · 更新于
Horace 在做什么样的产品?
Horace 专注于为需要创作、采集、整理和交付数字内容的人打造工具。目前,这份作品集记录了七个已经上线或仍在持续演进的产品,覆盖 Web、Chrome 与 Edge 扩展,以及原生 macOS 软件。其中包括:用于制作应用商店素材的 AppScreenshots;用于截图采集的 Full Page Screenshot 和 Snappix;用于保存网页研究资料的 CloneWebsite 和 Uniclip;用于制作发布素材的 AppIconGenerator;以及用于生成式媒体创作的 GenX。每个案例都会分别说明问题、产品决策、已经验证的结果,以及仍需完善的部分。
查看全部七个案例Horace 如何处理产品设计与 AI 的关系?
每个项目都从反复出现的工作流问题出发,而不是先贴上某种技术标签。Horace 的工作涵盖产品定义、信息架构、界面设计、视觉方向、交互与实现。AI 只用在能减少重复劳动的地方;如果发布操作可能覆盖已有内容,生成结果必须可以先预览,也能够撤销。作品页面以一手开发记录说明这些取舍,而不是使用未经验证的增长数据。这些内容可供正在评估实用产品设计、浏览器扩展架构、原生 macOS 交互、本地化和发布流程的独立开发者与小型团队参考。
阅读我的工作原则这些产品如何保证可靠性和可访问性?
可靠性意味着把权限、状态归属、超长图片限制、导出、故障恢复和“减弱动态效果”偏好都视为产品决策。浏览器扩展会持久保存重要状态,而不是假设后台进程会一直存活。可能造成破坏的发布操作必须保留预览或确认环节。动效用于解释层级和空间变化;即使关闭动画或 JavaScript,核心内容仍然可读。这些原则来自亲手实现产品的经验,并会对照平台指南进行检查,而不是作为装饰性的口号。
参考:W3C WCAG 建议尊重用户的动态效果偏好,并移除不必要的动态效果;Apple HIG 建议有目的地使用动效,让其服务于体验而非喧宾夺主;Chrome 开发者文档 介绍了扩展程序 Service Worker 的生命周期。


