MoreRSS

site iconsugar | 粥里有勺糖修改

博客 编程 前端 开源 周刊
99年，西南石油大学，热爱开源。前端，美团，阿里。运营视野修炼周刊。
RSS: https://sugarat.top/feed.rss
请复制 RSS 到你的阅读器，或快速订阅到 :

Inoreader Feedly Follow Feedbin Local Reader

sugar | 粥里有勺糖的 RSS 预览

如何避免 AI 往界面上加废话

2026-10-24 13:28:15

如何避免 AI 往界面上加废话 ​

相信大家在用 Agent 写页面的时候，碰到过把 “表单的填写要求”，“校验逻辑”，一些规则之类的东西，变成了一段标注内容出现在元素旁边。

最近刷到X 上的大佬 @luinlee 推荐的一段提示词在 AGENTS.md 里加一句 就能解决问题：

Avoid unnecessary secondary labels and descriptions. Let the layout do the explaining.

做了个 Chrome 插件：把 Markdown 直接导进 X 文章

2026-10-22 02:00:00

做了个 Chrome 插件：把 Markdown 直接导进 X 文章 ​

我平时写东西基本都在本地用 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+。

  1. 下载 ZIP 并解压到一个固定的文件夹
  2. 打开 chrome://extensions
  3. 开启右上角的「开发者模式」
  4. 点「加载已解压的扩展程序」
  5. 选择解压后包含 manifest.json 的那个文件夹

Edge 对应的是 edge://extensions，Arc 是 arc://extensions。

怎么用 ​

  1. 打开 https://x.com/compose/articles
  2. 手动新建一篇文章，或者打开已有草稿
  3. 进到能看到标题框和正文编辑区的位置
  4. 点右下角的「↑ 导入 Markdown」
  5. 粘贴或拖入你的内容
  6. 点「导入到当前编辑器」

最后 ​

如果你也习惯用 Markdown 写文章，又偶尔需要发到 X，可以试试看。

有问题可以在评论区聊，或者直接去 GitHub 提 Issue。

Windows 搭建 ComfyUI 环境 | 小白也能直接上手

2026-10-11 16:51:24

Windows 搭建 ComfyUI 环境 | 小白也能直接上手 ​

当然需要自备合适的电脑 O(∩_∩)O嘿嘿~

废话不多了，直接开始！

下载整合包 ​

笔者这里使用的是 B站UP主秋葉aaaki 提供的整合包

资源可以在动态：ComfyUI整合包更新里翻到。

大佬的 GitHub：https://github.com/Akegarasu

二次元头像，不多说强的离谱了

酷酷的下载就行。

安装 ​

纯傻瓜式了！ 只需两步

1 解压

2 双击打开

启动 ​

一键启动

然后界面就出来了，浏览器会自动打开 http://127.0.0.1:8188

预设了许多模板，可以直接使用，但是模型需要自己下载。

接下来交给 AI 就行。

使用 ​

此部分笔者全交给WorkBuddy了。 给大家放记录和截图

将刚刚存放comfyui整合包的文件夹，直接导入WorkBuddy 打开。

笔者的几个对话记录：

  1. 首次配置：https://workbuddy.link/p/Gl2e58D0wDNtNITGps1owo?ext2=copy_link
  2. 新模型下载：https://workbuddy.link/p/euAW51C5euYc1wckM9dC2w?ext2=copy_link

下载与配置模型 ​

下载近期出的 qwen-image-2.1-turbo

工作流 ​

需要什么工作流直接告知 Agent ，让它帮你搭建就行，文生图，图生图，图生视频之类的。

搭好在工作栏里直接选择。

修改提示词点击生成即可

你甚至也可以不用操作界面，让 WorkBuddy 通过API 自己完成工作流搭建和执行，最后你直接看结果也是可以的。

最后 ​

如果过程有任何问题，可以直接复制报错或者截图给到 workbuddy 解决。

深入了解使用的话可以去 B站上找相关教程，会给你介绍其每个模块的功能与作用。

ComfyUI 官方仓库：https://github.com/comfy-org/comfyui

视野修炼第136期 | 前端小恐龙"Deno"被收购

2026-10-11 11:59:01

视野修炼第136期 | 前端小恐龙"Deno"被收购 ​

欢迎来到第 136 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´･ᴗ･` )比心。

🔥强烈推荐 ​

1. Deno 加入Cloudflare ​

继Bun,VoidZero,Tailwind CSS后，Deno也被收购了。

你觉得下一个会是哪个大前端系的项目？

2. 将你的截图晾起来 ​

非常 Cool 的一个截图管理工具。

作者提供的是Mac 版本，社区有小伙伴做了 Windows 版本（没翻到开源，等找到了评论补充）。

3. 开源版 Adobe 全家桶 ​

有人利用 AI 逆向 Photoshop 然后重写出了开源版的 PhotoCraft，同时支持AI直接调用完成相关资源处理。

Adobe 的7个主力产品，都进行了重写开源。

收藏了！

🔧开源工具&技术资讯 ​

4. 一整轮全新的顶级域名 ​

ICANN 已经公布了一整轮全新的顶级域名

中文几个的还挺有意思！

.中文网,.人工智能, .品牌,.抖音,.番茄,.红果

5. 服务器体检 ​

一行脚本，即可查看服务器状态。

自动检查硬件、性能、IP 质量、网络质量等指标，非常详细。

sh
bash <(curl -Ls https://sh.cd)

下面是笔者的机器体检截图。

报告分享：https://sh.cd/results/25LeAuqdMM

6. 自动给视频添加字幕 ​

浏览器本地即可完成，无需上传到服务器。

7. 手绘质感的图标 ​

收藏了 很漂亮！

8. shaders 190+组件开源 - 都是炫酷的效果 ​

收藏了，加炫酷效果给网站能用上。

🤖AI工具&资讯 ​

9. Dart Sass 2.0 将于12月发布 ​

需要关注的是break change，1.0的 warn 将会变成 error，用了 sass 的可以关注一下。

⭐️强力推荐关注 ​

周刊部分内容来源如下渠道，推荐大家关注。

安利一下最近用的桌面“Agent”

2026-10-08 16:23:08

安利一下最近用的桌面“Agent” ​

https://t3.codes/

T3 Code 不是一个新的 code agent。只负责把机器上常用的编码 Agent 放到一个界面里管理。

目前支持 Claude Code、Codex、Cursor、OpenCode、Grok、Antigravity

支持桌面端，Web，移动端（iOS/Android）

移动端灵动岛&通知也是有的。

遥遥领先笔者做的多Agent 操作 Demo项目（https://github.com/ATQQ/AgentCodePilot） ☺️

远程控制 ​

笔者常用 Cursor（官方订阅）, Codex, Claude Code （中转）

想要远程 Vibe Coding 比较麻烦，之前的组合。Cursor 只有iOS客户端。

用 T3 的话，同 WIFI 可以走局域网连接，外网可以走官方的账号的登录即可。

这样也是非常低能耗，针对不需要一直盯的vibe项目，可以关掉显示器去玩手机。

体验 ​

体感上还是很流畅的和用各家的客户端差不多，功能都是比较完备的。

不过目前还没有支持中文，没有习惯英文操作界面的话可能上手有点不太适应。

最后 ​

有多 Agent 控制，远程 Vibe Coding 的用户可以试试这个项目。

项 值
仓库 pingdotgg/t3code
开源协议 MIT

视野修炼第135期 | 鼠标跟随宠物

2026-10-04 16:44:12

视野修炼第135期 | 鼠标跟随宠物 ​

欢迎来到第 135 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´･ᴗ･` )比心。

🔥强烈推荐 ​

1. page-mascot - 灵动的鼠标跟随宠物 ​

头像会自动跟随鼠标转动，点击也有不同的反馈。

原理是一张精灵图 + 一个封装好的Web组件。

如果你是自己开发Web应用想加个交互的宠物的话可以考虑使用这个组件。

也可以自己用SKILL 定制。

sh
npx skills add nilbuild/page-mascot --skill page-mascot --global --yes

我基于已有的参考图做的。

转向那张做的不太好，模型拉了！

2. yoinks - 视频下载工具 CLI 版 ​

Powered by yt-dlp

贴链接就能自动扒拉下来，还能选清晰度！

3. Web 常用音效合集 ​

如果你要给你的应用加一些音效反馈的话这个很值得用上。

分场景整理了不少的音效，可以直接在线试听，一键下载使用。

🔧开源工具&技术资讯 ​

4. 毁灭你的网站 ​

挺有意思的效果！输入你要 Play 的网站就可以开始了。

不过抓取网站快照渲染有些bug。

5. 无限背景音乐 ​

浏览器中生成无限的BGM，纯离线。

6. Amicro - 一些Nice的交互动效组件 ​

比如按钮的动效。

卡片堆叠展开效果。

Star⭐️

7. transitions.dev - 常用CSS过渡动画 ​

开箱即用支持 SKILL 调用，每个示例都有 Prompts 可以直接 Copy 使用。

收藏⭐️，VibeCoding 包用上。

8. Vite+ 1.0 发布 ​

新机配环境可以直接用这个，新项目可以试试了。

一条 vp 命令即可覆盖常见开发流程：

  • Node版本管理(vp env)
  • 包管理器自动识别(vp install)
  • 开发服务器(vp dev)
  • 代码检查、格式化、测试、构建和任务执行等

存量的 Vite Vitest ESLint、tsup 可以直接 vp migrate 迁移。

📚教程&文章 ​

9. 为什么习惯 3000 和 8080 作为开发端口 ​

省流：第一个人随手一选 + 后来者理性跟随

比如搞JAVA开发时用 Tomcat 默认端口就是 8080，后面JAVA 系的其它服务也用这个端口作为默认端口。

Ruby 普及了 3000 端口。

⭐️强力推荐关注 ​

周刊部分内容来源如下渠道，推荐大家关注。