<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>桌面插件 Archives - 老路日常</title>
	<atom:link href="https://lusdaily.com/tag/%e6%a1%8c%e9%9d%a2%e6%8f%92%e4%bb%b6/feed/" rel="self" type="application/rss+xml" />
	<link>https://lusdaily.com/tag/桌面插件/</link>
	<description>老路日常</description>
	<lastBuildDate>Wed, 22 Jul 2026 04:30:18 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.4</generator>

<image>
	<url>https://lusdaily.com/wp-content/uploads/2026/06/cropped-333-e1782726521802-32x32.png</url>
	<title>桌面插件 Archives - 老路日常</title>
	<link>https://lusdaily.com/tag/桌面插件/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Vibe Coding 初体验：4小时，我用 VS Code + Claude Code + DeepSeek 搓了一个桌面小插件</title>
		<link>https://lusdaily.com/vibe-coding-ai-api-monitor/</link>
		
		<dc:creator><![CDATA[老路日常]]></dc:creator>
		<pubDate>Wed, 08 Jul 2026 06:04:19 +0000</pubDate>
				<category><![CDATA[Vibe Coding]]></category>
		<category><![CDATA[建站教程]]></category>
		<category><![CDATA[AI编程]]></category>
		<category><![CDATA[开源]]></category>
		<category><![CDATA[桌面插件]]></category>
		<guid isPermaLink="false">https://lusdaily.com/?p=184</guid>

					<description><![CDATA[<p>最近「Vibe Coding」这个词在圈子里挺火的，说白了就是让 AI 帮你写大部分代码，你负责告诉它要什么、&#46;&#46;&#46;</p>
<p>The post <a href="https://lusdaily.com/vibe-coding-ai-api-monitor/">Vibe Coding 初体验：4小时，我用 VS Code + Claude Code + DeepSeek 搓了一个桌面小插件</a> appeared first on <a href="https://lusdaily.com">老路日常</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">最近「Vibe Coding」这个词在圈子里挺火的，说白了就是让 AI 帮你写大部分代码，你负责告诉它要什么、改什么。以前我觉得这东西就是玩具，直到我真的用这个方式做了一个能用的桌面工具出来。这篇文章记录一下我的真实体验。</p>
</blockquote>



<h2 class="wp-block-heading">先说一下做的是什么</h2>



<p class="wp-block-paragraph">我做了一个叫 <strong>AI 模型 API 余额监控</strong> 的 桌面悬浮插件小工具（支持Windows和Mac哦），界面就是这样，能看到你买的各种大模型的余额。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="354" height="378" src="https://lusdaily.com/wp-content/uploads/2026/07/image-28.png" alt="" class="wp-image-185" srcset="https://lusdaily.com/wp-content/uploads/2026/07/image-28.png 354w, https://lusdaily.com/wp-content/uploads/2026/07/image-28-281x300.png 281w" sizes="(max-width: 354px) 100vw, 354px" /></figure>
</div>


<h2 class="wp-block-heading">再说一下为什么要做这个玩意？</h2>



<p class="wp-block-paragraph">主要还是现在国内的大模型太卷了，价格超级便宜，虽然没法和国外最新的模型直接掰手腕，但是价格便宜量又足，那还纠结什么呢，普通人的首选！但是当你买的厂家多了，都想玩玩的时候，就会发现看余额是个麻烦事，得一家家的都得打开控制台页面，所以这个桌面小工具的想法就来了。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="963" src="https://lusdaily.com/wp-content/uploads/2026/07/image-30-1024x963.png" alt="" class="wp-image-187" srcset="https://lusdaily.com/wp-content/uploads/2026/07/image-30-1024x963.png 1024w, https://lusdaily.com/wp-content/uploads/2026/07/image-30-300x282.png 300w, https://lusdaily.com/wp-content/uploads/2026/07/image-30-768x723.png 768w, https://lusdaily.com/wp-content/uploads/2026/07/image-30-520x489.png 520w, https://lusdaily.com/wp-content/uploads/2026/07/image-30-940x884.png 940w, https://lusdaily.com/wp-content/uploads/2026/07/image-30.png 1049w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="491" src="https://lusdaily.com/wp-content/uploads/2026/07/image-31-1024x491.png" alt="" class="wp-image-188" srcset="https://lusdaily.com/wp-content/uploads/2026/07/image-31-1024x491.png 1024w, https://lusdaily.com/wp-content/uploads/2026/07/image-31-300x144.png 300w, https://lusdaily.com/wp-content/uploads/2026/07/image-31-768x368.png 768w, https://lusdaily.com/wp-content/uploads/2026/07/image-31-1536x736.png 1536w, https://lusdaily.com/wp-content/uploads/2026/07/image-31-520x249.png 520w, https://lusdaily.com/wp-content/uploads/2026/07/image-31-940x451.png 940w, https://lusdaily.com/wp-content/uploads/2026/07/image-31.png 1721w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">所以，这个小工具干的事很简单：如果你在用 DeepSeek、Xiaomi、Kimi、智谱这些 AI 厂商的 API，每个厂商的余额充值页面都不一样，你得挨个登录去看还剩多少钱。这个工具装到电脑上之后，所有厂商的余额在一个窗口里全显示出来，还支持余额不足时弹窗提醒。</p>



<p class="wp-block-paragraph">目前支持的厂商：</p>



<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">DeepSeek、小米 MiMo、Kimi、字节豆包、智谱 GLM、
百度千帆、阿里百炼、腾讯混元、讯飞星火、MiniMax、
硅基流动、百川智能、零一万物、京东云</pre>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="501" height="582" src="https://lusdaily.com/wp-content/uploads/2026/07/image-29.png" alt="" class="wp-image-186" srcset="https://lusdaily.com/wp-content/uploads/2026/07/image-29.png 501w, https://lusdaily.com/wp-content/uploads/2026/07/image-29-258x300.png 258w" sizes="auto, (max-width: 501px) 100vw, 501px" /></figure>
</div>


<p class="wp-block-paragraph">一共 14 家。代码已经开源在 GitHub 上：<br>👉 <a href="https://github.com/ulysis6/ai-api-balance-monitor" target="_blank" rel="noreferrer noopener">https://github.com/ulysis6/ai-api-balance-monitor</a></p>



<p class="wp-block-paragraph">如果不会搞github的朋友，也可以 <strong><a href="https://m.tb.cn/h.RyqiJaj?tk=SDYRgnDDjB8" target="_blank" rel="noreferrer noopener">点这里</a></strong> 去我的闲鱼看看，直接网盘发给你，只要1块（为了不被下架）</p>



<h2 class="wp-block-heading">什么是 Vibe Coding？</h2>



<p class="wp-block-paragraph">套用网上的官方解释：这个词最早是 Andrej Karpathy（前 Tesla AI 负责人）提的，意思就是：<strong>你不用懂每一行代码在干什么，你只需要描述你想要什么，AI 帮你写出来。</strong></p>



<p class="wp-block-paragraph">套用在我这个项目上就是：</p>



<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">我想要一个悬浮在桌面的小窗口
↓
显示 DeepSeek、Kimi、豆包这些厂商的 API 余额
↓
每隔一段时间自动刷新
↓
余额低于 XX 元的时候弹窗提醒我
↓
支持开机自启
↓
打包成一个 exe 或者 dmg 发给别人也能用</pre>



<p class="wp-block-paragraph">每一个需求，我告诉 Claude Code，它就把代码写出来了。我负责：跑一下看对不对、报错了把错误贴回去、改 Prompt 继续。</p>



<h2 class="wp-block-heading">我是怎么搞的</h2>



<h3 class="wp-block-heading">技术栈（也是ai选的）</h3>



<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">Python 3.11 + PyQt5 + requests + PyInstaller
VS Code + Claude Code（接的 DeepSeek）</pre>



<p class="wp-block-paragraph">Claude Code 是 Anthropic 出的一个终端编程工具，装在 VS Code 的终端里，你在里面跟它对话，它能直接读写文件、运行命令、装依赖。我把后端模型换成了 DeepSeek，一是便宜（最重要），二是中文理解能力不输 Claude。</p>



<p class="wp-block-paragraph">当然，如果你就想浅尝即止，试试VS Code + Claude Code，也可以把模型设置为本地的，可以参考老路这个教程：部署<strong><a href="https://lusdaily.com/minicpm5-1b-ollama-hermes-deploy/" target="_blank" rel="noreferrer noopener">MiniCPM5-1B 本地模型</a></strong>，对电脑要求完全不高，很友好。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="717" src="https://lusdaily.com/wp-content/uploads/2026/07/image-32-1024x717.png" alt="" class="wp-image-189" srcset="https://lusdaily.com/wp-content/uploads/2026/07/image-32-1024x717.png 1024w, https://lusdaily.com/wp-content/uploads/2026/07/image-32-300x210.png 300w, https://lusdaily.com/wp-content/uploads/2026/07/image-32-768x537.png 768w, https://lusdaily.com/wp-content/uploads/2026/07/image-32-520x364.png 520w, https://lusdaily.com/wp-content/uploads/2026/07/image-32-940x658.png 940w, https://lusdaily.com/wp-content/uploads/2026/07/image-32.png 1452w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">过程大致是这样</h3>



<p class="wp-block-paragraph">有了最开始的想法后，我打开一个文本编辑器，写下了准备和 Claude Code 说的话：「帮我写一个桌面悬浮窗小工具，用来显示大模型API 厂商的余额，第一版只需要支持deepseek」。5分钟后第一个版本跑起来了，只支持 DeepSeek 一家，但是效果完全是我想要的。</p>



<p class="wp-block-paragraph">由于我还买了Xiaomi mimo的模型，所以只是Deepseek还不够，需要把小米加进去，加一个也是加，反正是ai给写代码，就一次性把更多厂商都加进去。我和Claude Code说：</p>



<pre class="EnlighterJSRAW" data-enlighter-language="raw" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">我需要把国内主流的大模型API厂商都加入到系统里，并且都可以配置。</pre>



<p class="wp-block-paragraph">Claude Code还是很智能的，由于每个厂商的 API 文档不一样，有的要 API Key，有的要 Cookie，他会自动的调研厂商的余额查询方式，自动解析接口、写出适配器代码，大概10来分钟，这样一次性就把厂商写好了。会有一些小bug，包括界面上的，配置的问题、显示的问题等等，你看到哪些觉得不爽的，就和Claude Code说就行。</p>



<p class="wp-block-paragraph">然后，我继续让Claude Code加 License 系统。我想做成免费版和专业版两个版本，免费版能用 3 个厂商，专业版 ¥29.9 解锁全部功能。这个逻辑完全让 Claude Code 写的，包括创建激活码的逻辑都是它自动写的，这个过程大概用了1个多小时，主要消耗在了收款逻辑方案的探讨和激活码验证后的界面显示调试上。</p>


<div class="wp-block-image">
<figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="504" height="597" src="https://lusdaily.com/wp-content/uploads/2026/07/image-33.png" alt="" class="wp-image-190" srcset="https://lusdaily.com/wp-content/uploads/2026/07/image-33.png 504w, https://lusdaily.com/wp-content/uploads/2026/07/image-33-253x300.png 253w" sizes="auto, (max-width: 504px) 100vw, 504px" /></figure>
</div>


<p class="wp-block-paragraph">最后，我想让Windows和Mac系统都能用上（我有Windows和Mac的电脑），所以需要打包成 exe和dmg，然后还有细节的功能，比如：加系统托盘，加开机自启这些。看起来简单，但是是耗时最久的一个环节，Claude Code在打包的环节上研究了很久，包括使用Github的工具打包，本地打包等等，由于我的Mac系统比较老，版本只有12.0，在兼容性的调整上也搞了半天（当然我只是负责和它说话），整个过程大概得有2个小时。</p>


<div class="wp-block-image">
<figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="576" height="1024" src="https://lusdaily.com/wp-content/uploads/2026/07/9b66aa1c00280d1b823d390a0f9acb7e-576x1024.jpg" alt="" class="wp-image-191" srcset="https://lusdaily.com/wp-content/uploads/2026/07/9b66aa1c00280d1b823d390a0f9acb7e-576x1024.jpg 576w, https://lusdaily.com/wp-content/uploads/2026/07/9b66aa1c00280d1b823d390a0f9acb7e-169x300.jpg 169w, https://lusdaily.com/wp-content/uploads/2026/07/9b66aa1c00280d1b823d390a0f9acb7e-768x1365.jpg 768w, https://lusdaily.com/wp-content/uploads/2026/07/9b66aa1c00280d1b823d390a0f9acb7e-864x1536.jpg 864w, https://lusdaily.com/wp-content/uploads/2026/07/9b66aa1c00280d1b823d390a0f9acb7e-520x924.jpg 520w, https://lusdaily.com/wp-content/uploads/2026/07/9b66aa1c00280d1b823d390a0f9acb7e-940x1671.jpg 940w, https://lusdaily.com/wp-content/uploads/2026/07/9b66aa1c00280d1b823d390a0f9acb7e.jpg 1080w" sizes="auto, (max-width: 576px) 100vw, 576px" /></figure>
</div>


<p class="wp-block-paragraph">从有想法到小工具的落地使用，大概一共用了<strong>4个小时</strong>，大部分时间是在等 AI 写代码和调试，我主要负责把需求描述清楚。</p>



<h3 class="wp-block-heading">最让我惊讶的一件事</h3>



<p class="wp-block-paragraph">我一开始以为 AI 写的代码跑不通很正常，准备自己修。但实际情况是：<strong>Claude Code 生成的代码第一次就能跑的概率超过 70%。</strong> 报错的话直接把错误信息贴回去，它基本能自己修好。</p>



<h2 class="wp-block-heading">Vibe Coding 的几个心得</h2>



<h3 class="wp-block-heading">1. 需求描述要清晰，让ai先做出规划</h3>



<p class="wp-block-paragraph">不要跟 AI 说「帮我写个余额监控工具」，太大了，它生成的代码结构肯定不是你想要的。</p>



<p class="wp-block-paragraph">正确做法：</p>



<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">我想做个桌面悬浮的小工具，希望实现国内各家大模型厂商充值后的余额实时显示，你先帮我做个仔细调研，然后形成一个方案，保存到本地。</pre>



<p class="wp-block-paragraph">Claude Code会自动进行系统的调研，例如国内有哪些常用的ai大模型厂商，余额的获取方式，以及代码的总体架构和实现方案，并且会保存成一个markdown格式的文件，你要仔细看看文件的内容是不是和你的预期一致，不一致的地方继续和ai说，直到和你的想法一致。</p>



<p class="wp-block-paragraph">方案ok之后，你要和Claude Code继续说：</p>



<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">基于你的调研结果和方案xxx文件，你帮我做出一个详尽的需求规格说明书。</pre>



<p class="wp-block-paragraph">这个步骤我觉得很重要，毕竟就算用了再多的skill和插件，大模型还是会有失忆的情况，这个需求规格说明书就是用来让代码不跑偏的重要环节。这个经验有机会我会单独开一篇文章来和大家聊聊，很有意思。</p>



<h3 class="wp-block-heading">2. 错误信息是最强的 Prompt</h3>



<p class="wp-block-paragraph">这个是我用得最爽的一点。代码跑出错了，<strong>直接把错误文字全选复制</strong>，贴给 Claude Code。它自己看错误、自己修。</p>



<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">你：运行报错了，贴错误信息
AI：找到问题了，xxx 文件第 xx 行少了个参数，已修复
你：再跑一下</pre>



<p class="wp-block-paragraph">这个循环走几次，代码就稳定了。</p>



<h2 class="wp-block-heading">这玩意儿真能赚钱吗？</h2>



<p class="wp-block-paragraph">目前挂了免费版和专业版（¥29.9）。专业版解锁全部 14 家厂商 + 余额提醒 + 开机自启。</p>



<p class="wp-block-paragraph">卖了几个我不说，毕竟刚发布。但至少证明了一件事：<strong>不会写代码的人也能用 AI 做出一个完整的桌面应用，别人真的在用。</strong></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="523" src="https://lusdaily.com/wp-content/uploads/2026/07/image-34-1024x523.png" alt="" class="wp-image-192" srcset="https://lusdaily.com/wp-content/uploads/2026/07/image-34-1024x523.png 1024w, https://lusdaily.com/wp-content/uploads/2026/07/image-34-300x153.png 300w, https://lusdaily.com/wp-content/uploads/2026/07/image-34-768x392.png 768w, https://lusdaily.com/wp-content/uploads/2026/07/image-34-1536x785.png 1536w, https://lusdaily.com/wp-content/uploads/2026/07/image-34-520x266.png 520w, https://lusdaily.com/wp-content/uploads/2026/07/image-34-940x480.png 940w, https://lusdaily.com/wp-content/uploads/2026/07/image-34.png 1562w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">你要不要试试？</h2>



<p class="wp-block-paragraph">如果你也有个想法一直没动手，因为「不会写代码」，现在真的没有借口了。</p>



<p class="wp-block-paragraph">装好 VS Code，装好 Claude Code（或者 OpenCode，有免费模型可以尝鲜，对OpenCode感兴趣的朋友，可以看老路另一篇文章，<a href="https://lusdaily.com/opencode-claude-code-alternative/" target="_blank" rel="noreferrer noopener"><strong>OpenCode平替Claude Code</strong></a>，老路在文章最后也做了链接，直接点击即可），接个便宜的模型，从最简单的开始：</p>



<ul class="wp-block-list">
<li>「帮我写一个显示当前时间的桌面悬浮插件」</li>



<li>「帮我写一个可以粘贴文本、自动保存的便签工具」</li>



<li>「帮我写一个监控文件夹变化的通知工具」</li>
</ul>



<p class="wp-block-paragraph">先从能跑起来开始，然后再一步步加功能。Vibe Coding 的核心就四个字：<strong>先干再说</strong>。</p>



<p class="wp-block-paragraph">最后再夸一下Deepseek，真的是便宜量又足，我充了200块，用到现在还没用完，除了Vibe Coding，我的hermes，Codex，包括做了个ai写小说的工具，都是用的它，超级耐用~</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="969" height="288" src="https://lusdaily.com/wp-content/uploads/2026/07/image-35.png" alt="" class="wp-image-193" srcset="https://lusdaily.com/wp-content/uploads/2026/07/image-35.png 969w, https://lusdaily.com/wp-content/uploads/2026/07/image-35-300x89.png 300w, https://lusdaily.com/wp-content/uploads/2026/07/image-35-768x228.png 768w, https://lusdaily.com/wp-content/uploads/2026/07/image-35-520x155.png 520w, https://lusdaily.com/wp-content/uploads/2026/07/image-35-940x279.png 940w" sizes="auto, (max-width: 969px) 100vw, 969px" /></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<p class="wp-block-paragraph"><em>代码已开源在 GitHub：<a href="https://github.com/ulysis6/ai-api-balance-monitor" target="_blank" rel="noreferrer noopener">github.com/ulysis6/ai-api-balance-monitor</a> 如果你也在玩 Vibe Coding，或者有其他关于AI agent想讨论的，欢迎加我的 Telegram 聊聊：@ulysis6</em></p>



<figure class="wp-block-embed is-type-wp-embed"><div class="wp-block-embed__wrapper">
<div class="video-container"><blockquote class="wp-embedded-content" data-secret="9jVkHdXfzM"><a href="https://lusdaily.com/opencode-claude-code-alternative/">Claude Code 有后门被封号？试试 OpenCode 平替，开源免费还能接白嫖最新模型</a></blockquote><iframe loading="lazy" class="wp-embedded-content" sandbox="allow-scripts" security="restricted"  title="《 Claude Code 有后门被封号？试试 OpenCode 平替，开源免费还能接白嫖最新模型 》—老路日常" src="https://lusdaily.com/opencode-claude-code-alternative/embed/#?secret=84GPdWTCXl#?secret=9jVkHdXfzM" data-secret="9jVkHdXfzM" width="600" height="338" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></div>
</div></figure>
<p>The post <a href="https://lusdaily.com/vibe-coding-ai-api-monitor/">Vibe Coding 初体验：4小时，我用 VS Code + Claude Code + DeepSeek 搓了一个桌面小插件</a> appeared first on <a href="https://lusdaily.com">老路日常</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
