帮我找一些优秀程序员/pm的作品集网站，我在搭建我的个人作品集 我需要一些灵感参考。着重看一下独特前端风格，带有强烈个人审美的

优先看这几个：Rauno 的交互作品墙、Henry 的复古电脑世界、Maggie 的视觉知识花园、Bruno 的可驾驶 3D 世界。它们不是换个配色的简历模板，而是有明确的个人表达。 按你要的“独特前端风格、强烈个人审美”，我会把重点放在开发者和 design engineer，补一个产品方向的参考。下面的站点都抓取核对过，动态效果建议用电脑实际打开体验。 一、Rauno Freiberg：把界面细节做成作品 https://rauno.me/ 重点看：https://rauno.me/craft Vercel 的交互设计师。相比首页，我更推荐直接逛 Craft：Toolbar Morph、Gooey Tooltip、Blur Reveal、轮盘输入、精度滑块……每个小交互都可以单独成为作品。 值得借鉴：作品集不必全是“项目封面＋介绍＋GitHub”。一个按钮如何变形、一个菜单如何出现，也能证明你的设计判断和实现能力。 对你的启发：给作品集加一个 Playground，把你做过的 Agent 界面、工具调用状态、交互实验放进去，比技能标签更有说服力。 二、Henry Heffernan：作品集就是一台复古电脑 https://henryheffernan.com/ 直接看系统界面：https://os.henryheffernan.com/ 入口模拟 BIOS 启动和内存检查，整个作品分成 3D 场景与 2D 操作系统两部分。不是简单套一个“终端风”，而是围绕电脑这个隐喻组织整段浏览体验。 值得借鉴：让导航本身成为个人表达。项目、经历、联系方式不一定只能是网页栏目，也可以是桌面里的不同入口。 适合想做个人工作台、实验室、数字房间的方向。要借的是完整一致的世界观，不一定要照搬整套 3D。 三、Maggie Appleton：视觉知识花园 https://maggieappleton.com/ 她的方向是设计、编程和人类学。网站不是单纯陈列项目，而是把视觉文章、笔记、界面模式、阅读材料组织成一座持续生长的花园。 值得借鉴：个人审美不只来自动效，也来自你如何画图、如何解释问题、如何组织知识。她的个人辨识度与内容是绑定的，不是一层可以随便替换的皮肤。 对你尤其有参考价值：博客和作品集不必是两个互不相干的区域。可以让一个 Agent 项目同时连接演示、架构图、实现文章和复盘，形成自己的知识网络。 四、Bruno Simon：开车逛作品集 https://bruno-simon.com/ 访客驾驶小车探索 3D 世界，靠移动和互动了解作者与作品。当前站点还提供地图、跳跃、加速、音频和画质等控制；作者公开说明使用 Three.js，并开放了前端代码和 Blender 文件。 值得借鉴：一句话就能描述、也能记住的网站概念——“那个开车逛的程序员作品集”。 这是强体验路线的参考，不建议直接照抄。我的取舍是：普通访问者仍应有直接查看项目的入口，探索体验是加分项，不是阅读门槛。 五、Paco Coursey：克制，但有自己的品味 https://paco.me/ 目前在 Linear 做网页体验，之前参与 Vercel 的设计系统、网站和 dashboard。个人站围绕 Craft、Projects、Writing、Now 展开，同时放进音乐偏好等个人内容。 值得借鉴：不靠庞大场景，也能通过内容取舍、排版和界面细节建立辨识度。项目包括 ⌘K、Writer、Next Themes，本身也在表达他对软件的偏好。 如果你希望作品集长期维护、方便阅读，又不想做成求职模板，这个方向更适合当底座。 六、Emil Kowalski：让交互手感成为个人招牌 https://emilkowal.ski/ 在 Linear 的 Web 团队工作，此前在 Vercel 设计团队。站内内容集中在界面与动效，包括 Toast、Drawer、长按删除、Clip Path、动画质量等。 值得借鉴：不是“全站都在动”，而是拿几个具体交互，把自己的审美与技术深度讲清楚。他也专门写了 You Don’t Need Animations，强调对动画的取舍。 适合参考项目详情页：不只给最终截图，还展示交互版本、设计选择和实现过程。 七、Josh W. Comeau：把技术内容做成可玩的解释 https://www.joshwcomeau.com/ 严格说更偏个人技术站，而不是传统作品集。强项是把文章做成交互体验：动画、SVG、布局等内容，都让读者通过实际操作理解。 值得借鉴：演示不是文章的附件，而是内容本身。 对你的 Agent 项目，可以借这个思路：让访客实际点一次“运行”，观察检索、调用工具、生成结果的过程，比贴一张聊天截图更能展示产品。 八、Mark Progano：产品方向，参考定位与叙事 https://mprogano.com/ 他的自我定位是 engineer-minded product builder，把自己拆成 Builder、Bridge、Craft 三个侧面，再展开产品策略、UX、数据与工作流能力。 这一站我更推荐你学内容组织，不把它列为最强视觉参考。它没有停留在职位和履历，而是在解释“我处理什么复杂问题、怎么把它变成可用产品”。 适合你参考如何同时表达开发能力和产品判断，避免首页变成技术栈清单。 如果是给你的作品集选方向，我会这样组合： Paco 的清晰结构＋Rauno 的交互作品区＋Maggie 的内容关联，再做一个属于你的标志性交互。 比如首页不是通用的巨大自我介绍，而是一张可操作的个人工作台：访客能直接试一个作品，展开它的实现过程，再顺着链接读你的思考。保留清晰的项目入口，把惊喜放在细节里。 比起堆满渐变、玻璃卡片和滚动动画，这种“审美与自己做的东西一致”的网站更值得做。