第一波！2026年9月精选实用 AI 和设计干货合集

如今围绕 AI 生态展开的 Agent 工具、AI 项目管理工具、协同工具以及产出特定效果的 Skill 越来越多，很多之前实现起来非常麻烦的东西，如今都可以借助 Agent、Skill 以及开源的客户端快速地实现，今天的合集就汇集了不少这样的好东西，它们各自应对不同场景和不同环节的需求。

一、全文速览

这一期干货合集帮你搜集了 5 款实用性很强的 AI 工具，有让人类和 Agent 同屏编辑画板的协作设计工具 Doop，用统一视觉语言生成图文与报告的 Skill 合集，有让图片变成可交互粒子画面的视觉工具 Particle Studio，让编程 Agent 操作真实 iPhone 的 Phone Harness，还有集中查看本机与远程 Agent 的原生控制台 herdrm。

当然，在继续阅读下去之前，记得看看往期干货中有没有你感兴趣的素材：

二、让人类和 Agent 同屏编辑画板的协作设计工具 Doop

官方地址：https://github.com/kgoedecke/doop

Doop 是一个开源的适合多人协作的设计画板工具，每个 Canvas 由多个 Frame 组成，Frame 直接渲染真实 HTML。用户可以在浏览器里编辑，Claude Code、Codex 或其他 MCP 客户端则通过内置服务创建、修改并检查同一批 Frame。

它和常见「生成一张设计图再刷新」的流程不同，Agent 写入时，人可以看到光标、状态、活动记录和逐步出现的页面，也能把评论固定到具体元素。

这个工具的核心特点是带身份的 MCP OAuth 与可观察的流式编辑。用户添加服务器后，在浏览器批准，Agent 获得与该用户相同的 Canvas 权限，append_frame_html 可以分块写入内容，服务端用约 500 字符每秒的速率平滑播放，并修补未闭合标签，避免中间帧完全空白。Agent 完成后调用 get_frame_screenshot 查看成品，再用精确查找替换修正，服务器还会在工具结果中提醒它尚未真正看过设计。开发环境默认使用嵌入式 PGlite，生产部署可切到 Postgres，画布默认私有，也可按画布开启链接编辑。

这对于设计团队来说，是非常实用的，尤其是设计评审、品牌探索、需要多人共同改页面原型的团队，可以把 Doop 当作「共享执行平台」来使用。不过，相应的，风险也来自它的优点：Frame 执行 HTML，截图依赖本机 Chrome 浏览器，链接分享一旦打开就允许持有链接者编辑，生产环境必须配置真实数据库、登录密钥、可信来源和备份。Agent 生成的交互也不能绕过可访问性、响应式和真实用户任务测试。

三、用统一视觉语言生成图文与报告的 Skill 合集

官方地址：https://github.com/oyorf/quiet-signal

Quiet Signal 是一组面向 AI 设计工作的开源 Skill，8 月 24 日公开仓库。它把一套克制的视觉语言拆成三个可安装单元：基础设计与审核、3:4 小红书图文、长篇报告。基座单元会管好颜色、字体角色、间距、表面和动效；后两个 Skill 再补上分页、渲染、来源与验收流程。它不是换色模板，而是把「什么时候能用哪个配色、什么时候该不该加卡片」写成可检查的规则。

这个 Skill 合集核心是把视觉身份、素材产出和质量验收分开。quiet-signal-design Skill 让 Agent 落地实现视觉语言，也能对现有成品列出具体违规项与最小修正建议。quiet-signal-xhs 这个 Skill 则负责接收文章、URL 或已确定的页面计划，产出 1080×1440 的可编辑页面、逐页 PNG 和总览图，并保留来源与限定条件。quiet-signal-reports 就是第三个 Skill，它用 HTML/CSS 作为排版源，再生成 A4 PDF、逐页 QA 图和来源账本。三个 Skill 都把紫色限制在品牌、焦点、选中与关键变化上，也明确禁用无意义的卡片墙和装饰性 3D。

这个 Skill 合集适合反复制作小红书图文、调研报告或内部知识页，它适合内容创作者和内容团队，特别是已有稳定审美，却总要向不同 Agent 重新解释的团队。在使用前，你仍要给出内容、结构、尺寸和交付格式，它的基座 Skill 只决定如何表达，不会替你发明产品功能或内容策略。这款 Skill 的用处很具体，让视觉规则和生产检查跟着任务走，而不是只留在一份很少被打开的品牌手册里。

四、图片变成可交互粒子画面的视觉工具 Particle Studio

官方地址：https://particle-studios.vercel.app/

Particle Studio 是一个把上传图片转换为交互粒子场的网页工具，你可以选择圆形、方形、三角形或立方体粒子，调整粒子尺寸、拖尾强度与鼠标作用半径，画面会对指针移动和长按做出反应。在完成之后，你既可以复制分享链接，也能导出可离线打开的 HTML 包。

Particle Studio 的核心功能是用 Canvas 2D 重绘图像，而不是导出一段预录视频。根据开发者在发布页的描述，导出工作区会先把源图缩小到最长边约 800px，粒子总量上限约 1.6 万，立方体和三角形这类计算更贵的形状会使用更低预算。网页把源图直接嵌进单文件 HTML，因此包体积大小主要取决于图片，并且不需要额外后端就能运行。粒子跟随、拖尾和长按散开都是运行时交互，所以交付给客户后仍可改图、试鼠标反应，不必重新生成。

这个项目适合展览开场、活动页背景、音乐视觉化草图和交互式的海报小样，也可作为设计师向前端说明动效意图的可点击参考。它不适合处理高分辨率精细纹理或大规模 3D 粒子，Canvas 2D、800px 降采样与粒子上限都会限制实际展示的细节。所以，它更像一个快速可视化工具，而不是完整的动效制作环境。

五、让编程 Agent 操作真实 iPhone 的 Phone Harness

官方地址：https://github.com/ShawnPana/phone-harness

Phone Harness 把 Claude Code、Codex 这类编程 Agent 接到一台真实 iPhone 上，项目于 8 月 7 日公开。它没有要求用户去越狱，或者用 Xcode 和 WebDriverAgent，而是借用 macOS 的 iPhone Mirroring 窗口作为传输层。这个选择很克制，Agent 看到的是镜像窗口截图，发起的也是 Mac 侧鼠标与键盘操作，手机端无需另装一套自动化服务。

Phone Harness 核心是把「看、操作、验证」做成一组可以被 Skill 调用的原语。它用 macOS screencapture 截取镜像窗口，再用 Apple Vision OCR 返回文字与可点击坐标；点击、长按、拖动、滚动和输入等操作，则通过 HID 层发送。每次操作后可以重新截图，屏幕本身就是验证依据；项目还提供 doctor 检查，以及安装说明和 SKILL.md，让 Agent 知道何时调用。当然，它还是有限制的，只能控制一台手机，不支持多点触控、相机和 Face ID 流程，DRM 视频会黑屏，无文字图标还需要视觉模型辅助。

但是，这个项目还是相当有用的，它适合做移动端回归检查、非公开 API 的个人自动化，或研究 Agent 在真实设备上的操作反馈。只要你提前处理好权限边界，它会非常好用：终端需要辅助功能与屏幕录制权限，配对和解锁仍要用户亲自完成；项目给出的演示也要求先询问，再打开无害的天气应用。不要把它直接接到支付、聊天发送或账号设置等高风险动作，更不能把 OCR 坐标当成稳定的移动测试选择器；每个关键动作还应保存前后截图与操作记录，方便发现误触后回放。

六、集中查看本机与远程 Agent 的原生控制台 herdrm

官方地址：https://github.com/missuo/herdrm

herdrm 是一款 macOS 原生控制台，用来集中查看由 herdr 运行的 Claude Code、Codex、Gemini、Grok 和 OpenCode 会话。它能同时连接本机与多台 SSH 设备，把正在工作、等待输入、已经完成和空闲的 Agent 排在同一侧边栏。Herdrm 特别适合 Agent 数量增加后、需要协调自动化任务的场景，帮你更快找到正在等自己的那一个。

Herdrm 的技术核心是把 herdr 后台服务对应的终端、空间与状态，通过 HerdrKit 映射到 SwiftUI，让每台设备有独立重连循环，认证依次尝试 OpenSSH 密钥或 Agent、Tailscale SSH，再回退到存进 macOS 登录钥匙串的密码。

用户可以在侧边栏按阻塞、完成、工作和空闲来进行排序，系统通知可以直接跳到对应终端。文件和图片可粘贴进本地或远程会话，远程附件进入有 7 天保留期和 50 MB 上限的缓存。终端保持原生选择、链接、颜色和 TUI 行为，连接中断则显示明确的重连入口。

经常在 Mac、开发机和家用服务器之间切换 Agent 的开发者，会比单机单会话用户更容易感到它的价值。如果你真的打算用它，用之前要接受两个前置条件：所有设备都需安装 herdr，客户端只支持 macOS 14 以上。这个项目的 README 还说明新建 Agent 时，绕过权限的参数会默认开启，团队应先检查并改成符合自身风险级别的设置。