每周见闻(47):MiaoMint 类 Raycast 的 Chrome 标签管理插件
每周见闻:2025-12-14 - 2025-12-21
抽空做了个 Chrome 标签管理插件
之前有用过 Arc、Zen,特别喜欢 cmd + T 打开搜索栏搜索书签、标签和搜索,可惜 Chrome 一直没有(我对垂直 Tab 倒还好)。
所以这周抽空在 AI 的帮助下做了一个 Chrome 的标签管理插件。现在已经上架到了 Chrome 扩展商店。搜索 “MiaoMint” 就可以找到。(后面有关于软件命名的吐槽文,不知道有没有朋友吐槽文这个命名,哈哈)
目前插件的功能非常简单,opt(Alt) + M 就可以呼叫出搜索栏,会列出当前打开的标签。输入关键词就可以索索打开的标签然后快速切换。使用 Raycast 或者 Alferd 的朋友应该非常熟悉。
如今有 AI 的帮助,整个开发过程特别丝滑。我使用的 Trae SOLO 模式,整个过程几乎没有介入代码开发,只和 Agent 聊需求。上架审核等相关的文档也让 AI 结合项目帮生成。除去审核时间,整个过程只用了 10 个小时左右。
整个开发过程中也用到了其他工具,比如制作 Demo 视频、Chrome 插件 icon 等。也作为这周的素材放在后文了。
后续还会增加书签相关的功能,欢迎大家使用和提出意见。

其他
1、低成本的痛车圆梦指南 - 少数派[^1]
标签:Security,Life
上周老婆还在跟我说要不要搞痛车,被我一口回绝。主要理由就是高费用和后期维护成本。然后大数据就给我推了这篇文章。
作者通过自己设计、自己 + 朋友帮忙施工的方式,仅以打印的成本的方式实现了“穷”痛车。如果不靠自己,设计 + 打印 + 施工至少得要 5000 以上。文中详细地记录了整个过程,非常适合动手党和折腾党的尝试。
我的话应该还是会怕麻烦,但买个现成的贴纸倒是可以。作者的《迷宫饭》痛车,设计的很舒服。

2、Flat-pack washing machine spins a fairer future[^5]
标签:FUN
前戴森工程师发明了一个手摇洗衣机,通过把手摇动滚筒进行洗衣。阮一峰老师在周刊的评论是“就是把手摇改成脚踏车,只要踩5分钟踏板,就能洗一筒衣服。”
我觉得如果是健身目的,改成划船机也不错。不过评论区的朋友更有意思:发达国家不需要这点电力,落后国家需要减肥的人也不太可能需要亲手洗衣服。

3、人生的选择题,不存在「要不是……」[^9]
标签:Life,思考
作者听了老罗的播客中,大鹏因被骗而来到北京的故事,引出对人生选择的深刻思考。
作者认为我们需要警惕“反向复盘“。因为人生是无数选择叠加的结果,不应将成就归因于偶然事件比如“要不是…就…“ 的总结。人生的叙事,不应该是一根单薄的因果链,而更像是一张由无数选择的丝线编织而成的网。
我很赞同作者的观点。我认为过去的成功、挫折和磨难塑造了现在的“我”,但未来的“我”不应该被过去所束缚,过去改变不了,所以要接受自己的过去,内化为自己经验。正视自己的过去是一件需要勇气的事,或许是我们一辈子需要做的修行。

Coding
1、The Foundation for your Design System[^2]
标签:前端,JavaScript,Design
在做 Chrome 插件时让 AI 帮忙引入的 UI 组件库,适合 Vue 项目。shadcn 和传统的 UI 组件库不同,通过开放代码、可组合解决传统库的定制化难题,会直接将代码复制到项目中。同时还有官方的 MCP,更适合结合 AI 进行开发。
目前体验下来还不错,未来再做项目时也会优先考虑这个库。

2、Programmers and software developers lost the plot on naming their tools[^6]
标签:FUN
很有意思的文章。作者认为现在很多工具的命名都被程序员搞砸了,失去了对工具特性描述。
现代软件开发中存在一种奇怪的趋势;我们集体决定,根据随机名词、神话生物或随机喜爱的虚构角色来命名事物,这在某种程度上是可以接受的专业实践。这在几乎任何其他技术领域都是职业自杀。
回看我们公司自己的项目也是这样。有西方的神,后面还有东方的神,然后我偶尔会“夹带”一些二次元“私货”进去。命名和项目本身什么功能关系不大,反而更多的是和创建项目的人的喜好有关。比如,我自己的项目会用机战的机体命名。功能怎样先不说,先从名字上爽一把。
当然作者也指出,这样的命名会带来认知负担。尤其是不熟悉的人,光听名字根本就不知道是做什么的。还记得 6 年前面试某保险时,因为不知道 Multer 而被鄙视的经历。所以在命名上最好还是 “个性 + 功能” 的方式会更友好一些。
3、techne98[^7]
标签:Git
通过 git add -p 可以让开发者逐个审查不同的代码块。我平时都是 git add --all 一把梭,有时候提交多了还得 restore 掉。这个命令在某些时候倒是很有用,下回在开发的时候可以试试。

工具
1、Chrome Extension Icon Generator | Generate Icons for Your Chrome Extensions Online[^3]
标签:Tools
这周在为 Chrome 插件做 icon 时找到的在线工具网站,直接生成 Chrome 插件所需的各种尺寸,很方便。同类的产品也很多,这个网站是最靠前的。

标签:Tools
这周在为 Chrome 插件做 Demo 视频时发现的一个开源的视频工具,支持放大部分区域以及添加字幕等功能,对于做 Demo 视频非常实用,Github Star 3.8k。
这周在关注的 Up 玄离199 的视频中也看到这个项目。

3、Creem - Transparent Pricing[^8]
标签:Tools,架构
一个出海向的支付渠道,手续费是 3.9% + 40 美分,好处是支持支付宝。还有其他的支付渠道,如果有海外的卡可以考虑 Stripe;国内有公司的话还可以使用 Paypal。
不知道其他的出海独立开发者小伙伴会使用什么渠道做支付。

参考文章:
- [1] 低成本的痛车圆梦指南 - 少数派: https://sspai.com/post/104541
- [2] The Foundation for your Design System: https://www.shadcn-vue.com/
- [3] Chrome Extension Icon Generator | Generate Icons for Your Chrome Extensions Online: https://icon128.com/
- [4] siddharthvaddem/openscreen: Create stunning screen recordings for free. Open-source, no subscriptions, no watermarks, and free for commercial use. An alternative to Screen Studio.: https://github.com/siddharthvaddem/openscreen
- [5] Flat-pack washing machine spins a fairer future: https://www.positive.news/society/flat-pack-washing-machine-spins-a-fairer-future/
- [6] Programmers and software developers lost the plot on naming their tools: https://larr.net/p/namings.html
- [7] techne98: https://techne98.com/blog/using-git-add-p/
- [8] Creem - Transparent Pricing: https://www.creem.io/pricing
- [9] 人生的选择题,不存在「要不是……」: https://blog.solazy.me/20251218/