产品介绍
使用 Next.js、React、TypeScript 和 Tailwind 构建的 macOS 风格网页作品集
适合谁关注
- 开发者和技术团队
- 设计师、内容创作者和视觉团队
- 产品经理、运营和高频知识工作者
- 正在评估 AI 工具或智能体落地的团队
可借鉴场景
- 快速理解 Hargun's MacOS 的定位、核心能力和 Product Hunt 热度
- 判断“在浏览器中直接体验完全交互式的类 Mac 系统”这类需求是否值得做竞品调研
- 沿着 设计、图片与视频、开发者工具 继续发现同类产品和替代方案
- 筛选高票产品，观察海外用户当前愿意投票支持的产品形态
117
投票数
3
评论数
11月22日
发布日期
作者自荐
总结
Hargun's MacOS 是一个打破传统作品集边界的创新展示。项目不仅展现了前端开发的深度技能，更以产品化思维实现了完整的功能生态。其核心价值在于将复杂的桌面操作系统逻辑在网页中逼真还原，包括窗口管理、状态持久化、精灵效应动画等细节。AI 助手集成和多应用协作展示了架构的可扩展性。目标用户涵盖科技招聘方、学习者和交互设计爱好者。相比传统作品集，它通过可交互性和完整度提升了说服力。主要优势是技术栈新颖、用户体验精心打磨，劣势则在于与实际工作应用的距离、复杂度可能超过实际需求。该项目最大的价值在于展现了通才能力和工程素养，是前端工程师的优秀范例。
GitMemo免费开源
把 AI 对话保存到你的 Git 知识库
本地优先，支持 macOS 与 Android。剪贴板、截图、笔记和文件都能集中保存、搜索、同步。
获取安装包
大家好，Product Hunt 社区！👋 我很兴奋推出这个项目。它不仅仅是一个作品集——这是一个完全交互式、桌面级别的体验，从零开始在浏览器中构建！ 我的目标很简单：能否通过构建一个功能性的产品而不是静态网页来展示我的技能？ 结果是一个完整的 macOS 风格操作系统。 这个项目有什么特别之处？ 🪄 桌面级引擎：核心是一个自定义的 React 窗口管理器，处理拖拽、状态记忆和像素完美的最大化/最小化过渡。 💡 执着于细节：我重新实现并构建了标志性的精灵效应动画，将其变成高性能的 React hook，这见证了我对精妙 UI 的热情。 🧠 AI 集成：语音助手（"Siri"）是一个端到端 AI 流水线，使用 Web Speech API 和 Gemini AI 模型进行意图识别，提供了一个真正功能性的对话伙伴。 🚀 活跃应用生态：操作系统作为展示平台，包含一个功能性终端、集成的 VS Code 实例、富文本笔记编辑器，以及能够运行 Doom 的版本。 这是我掌握大规模 React 应用架构和性能优化的实验场。 试试看吧！打开终端并输入一个命令，或让 AI 助手为开启一个应用。 感谢查看！期待听到反馈。🙏