2026-10-31 17:26:02
之前做的东西散落在博客、GitHub 和一些独立介绍站点，现在 VibeCoding 越来越频多，工具啥的造得越来越多。
索性弄一个作品集站点，把散落的作品全部收在一块，部分纯静态工具的也可以直接内置，管理起来方便一些，不用频繁的新开二级域名挂载。
线上站点：https://vibework.sugarat.top
pnpm create @sugarat/vibework-theme my-site
cd my-site
pnpm install
pnpm dev新增作品只要在 works/ 下加一份 Markdown。
2026-10-31 17:26:02
为我造过的轮子与写过的项目,书写传记
个人精力有限,感兴趣有能力的朋友可以帮忙迭代维护
2026-10-28 16:08:19
欢迎来到第 137 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介
下面开始本期内容的介绍ღ( ´･ᴗ･` )比心。
攒了几周的内容哈哈，”管饱“！
大多数人只看到，AI 改变了程序员这个职业。很少有人提到，AI 也改变了编程。 AI 推翻了传统的软件开发，编程现在已经面目全非。 即使将来泡沫破灭，AI 也不可能从编程工具链中消失，已经永久成为软件开发的一部分，再也无法移除。
阮一峰老师总结得很到位，唉，直接贴过来
并且支持AI检索，非常棒！
收藏👍🏻，VibeCoding 能用上
原来从1年减到3个月就停烦了，即将砍到2个月。
不过还好现在很多自动续签的工具，美滋滋😋
看完直呼 卧🌿
diao爆了，收藏。
兼容 Prettier 的代码格式化工具，可以复用本地的 Pretter 或 oxfmt 配置。
一个字 “快”。
笔者也非常喜欢用 Bun，新开项目都是 All in Bun
前端还在卷 哈哈。👍🏻
写 React 又多一个选择。
还是很实用，笔者最近也在 Vibe 一些 CLI 小工具，取名字检测冲突的时候这可以用上。
提供 Chromium 和 WebKit 双渲染引擎。
笔者一直在用 Arc，可惜官方不再更新功能了，去搞 Dia 了。
页面里插一个 script 标签，console、网络、报错实时上报到网页控制台——你人工看，或直接让 AI 排查。
有端上调试 Webview 的可以试试，看起来比之前的：vConsole · PageSpy · chii 好用不少。
SVG 渲染，支持 CSS 变量重写样式。
包体积只有 Mermaid.js 的六分之一大小。
非常轻量的一个图表库。
基于 Go 的 TypeScript 7 编译器的 Rust 移植版。
基准测试声称速度是 TypeScript 7.0 的 8 倍
web components 刚推出那段时间火了一阵子，但确实也不适合手写这个太蹩脚，后面还有一些框架。
但在AI冲击下，代码复用成本已经接近于0，不管你什么框架，AI 复刻非常的快。
一款完全在浏览器中运行的图片处理工具。
周刊部分内容来源如下渠道，推荐大家关注。
2026-10-24 13:28:15
相信大家在用 Agent 写页面的时候，碰到过把 “表单的填写要求”，“校验逻辑”，一些规则之类的东西，变成了一段标注内容出现在元素旁边。
最近刷到X 上的大佬 @luinlee 推荐的一段提示词在 AGENTS.md 里加一句 就能解决问题：
Avoid unnecessary secondary labels and descriptions. Let the layout do the explaining.
2026-10-22 02:00:00
我平时写东西基本都在本地用 Markdown，写完再发到博客、掘金这些地方。
博客和文档站天然支持 MD，其它平台也各有各的发布工具，整体还算顺手。
只有 X 文章比较麻烦，不支持 MD。
网上搜了一下，合适方案就是用 Chrome 插件。
就10来分钟就 Vibe 出来了。（AI NB）
安装好后，在文章页右下角有一个导入的按钮
插件界面：
把 Markdown 粘进去，它会转成 X 的富文本，图片按原文位置上传。
在线安装页：https://atqq.github.io/md2xarticle/
直接下载：https://github.com/ATQQ/md2xarticle/releases/latest/download/md2xarticle.zip
目前还没上架扩展商店，需要手动加载一下。Chrome、Edge、Arc、Brave 这些 Chromium 浏览器都可以，版本要求是 111+。
chrome://extensions
manifest.json 的那个文件夹Edge 对应的是 edge://extensions，Arc 是 arc://extensions。
如果你也习惯用 Markdown 写文章，又偶尔需要发到 X，可以试试看。
有问题可以在评论区聊，或者直接去 GitHub 提 Issue。
2026-10-11 16:51:24
当然需要自备合适的电脑 O(∩_∩)O嘿嘿~
废话不多了，直接开始！
笔者这里使用的是 B站UP主秋葉aaaki 提供的整合包
资源可以在动态：ComfyUI整合包更新里翻到。
大佬的 GitHub：https://github.com/Akegarasu
二次元头像，不多说强的离谱了
酷酷的下载就行。
纯傻瓜式了！ 只需两步
1 解压
2 双击打开
一键启动
然后界面就出来了，浏览器会自动打开 http://127.0.0.1:8188
预设了许多模板，可以直接使用，但是模型需要自己下载。
接下来交给 AI 就行。
此部分笔者全交给WorkBuddy了。 给大家放记录和截图
将刚刚存放comfyui整合包的文件夹，直接导入WorkBuddy 打开。
笔者的几个对话记录：
下载近期出的 qwen-image-2.1-turbo
需要什么工作流直接告知 Agent ，让它帮你搭建就行，文生图，图生图，图生视频之类的。
搭好在工作栏里直接选择。
修改提示词点击生成即可
你甚至也可以不用操作界面，让 WorkBuddy 通过API 自己完成工作流搭建和执行，最后你直接看结果也是可以的。
如果过程有任何问题，可以直接复制报错或者截图给到 workbuddy 解决。
深入了解使用的话可以去 B站上找相关教程，会给你介绍其每个模块的功能与作用。
ComfyUI 官方仓库：https://github.com/comfy-org/comfyui
