🛠️ Impeccable:给 AI 编码代理用的前端设计工作流
一句话
一个面向 AI coding agent 的设计指导 Skill,配套 23 个命令、实时浏览器迭代和 61 条确定性检测规则,目标是减少千篇一律的 AI 前端界面。
怎么玩
在一个前端项目根目录执行 `npx impeccable install`,然后在你使用的 Claude Code、Codex、Cursor、Gemini CLI 或其他兼容代理中运行 `/impeccable init`。先让它读取项目并生成产品与设计上下文,再用 `/impeccable audit` 检查页面问题,用 `/impeccable polish` 做局部收尾,用 `/impeccable critique` 做完整设计复盘。最好准备一个能启动的本地页面,让代理在浏览器中反复查看真实渲染结果;先基线截图,再逐次执行命令,比较布局、层级、字体、颜色和响应式变化。
为什么值得关注
它把“审美提示词”拆成可复用 Skill、命令体系和确定性检测器,而不是只给模型一段泛泛的设计描述。规则可以在没有额外 LLM 调用时发现一部分问题,工作流也覆盖初始化、审计、润色和批评,适合把偶然的好页面沉淀成团队级工程流程。它同时支持多种代理,降低了被单一模型锁定的风险。
应用场景
- 用于已有 SaaS 后台、落地页或仪表盘的系统化视觉审计,先找出 AI 生成页面的重复卡片、字体和层级问题。
- 在让 Coding Agent 生成真实前端代码后,用浏览器迭代和确定性规则做第二轮质量门禁。
🛠️ AI Engineering from Scratch:从基础到 Agent 的开源学习路线
一句话
一个公开的 AI 工程学习仓库,按阶段组织数学、机器学习、深度学习、LLM、MCP、Agent、多智能体和生产基础设施等内容。
怎么玩
不想先克隆整库时,可以在任意支持 Skills 的 Coding Agent 环境运行 `npx skills add rohitg00/ai-engineering-from-scratch`,再运行 `/start-learning` 开始学习;也可以直接打开 GitHub,先看 README 的阶段索引,再挑一个小模块进入对应 lesson。建议先用 `/find-your-level` 估计起点,选择一个 30—60 分钟的小课,要求 Agent 先解释概念,再从零实现,最后运行仓库给出的代码并用 `/check-understanding` 做自测。每学完一个模块,把代码、错误和复盘留在自己的项目目录中,而不是只看文字。
为什么值得关注
它不是把框架 API 目录简单堆在一起,而是强调从第一性原理实现,再进入框架版本,并把课程、项目、检查理解和深度构建路线组织成可被 Agent 调用的学习 Skill。仓库公开的贡献规范要求代码能按依赖运行,这使它更接近“可执行教材”,对想补齐 LLM、MCP、Agent 工程基础的人比零散教程更容易形成连续路径。
应用场景
- 为转向 AI Agent 开发的后端或全栈工程师建立从数学、模型到生产部署的自学主线。
- 把 Coding Agent 变成带代码练习和测验的个人导师,用真实运行结果检验是否理解。
🛠️ Video Analysis Skill:让 Codex、Claude Code 等代理真正分析视频
一句话
一份可复制的 Agent Skill,借助 Gemini API 分析本地视频的画面、音频、对白和时间点,输出带时间戳的摘要、定位和解释。
怎么玩
先准备一个 Gemini API Key,并只在运行代理的环境变量中设置 `GEMINI_API_KEY` 或 `GOOGLE_API_KEY`,不要把 Key 写进提示词或命令参数。把网页中的 `video-analysis` Skill 内容交给 Codex、Claude Code 或 GrokBot,再提供本地 MP4、MOV、M4V、WebM 等视频路径和明确问题,例如“找出所有出现产品故障的时间段”。让代理先用 ffprobe 检查时长、音轨和视频流,再通过 Gemini Files API 上传并等待文件变为 ACTIVE,完成后要求它区分观察与推断、标出不清楚的语音,并删除云端上传文件。长视频要按官方限制处理,不能把截图或文字转录冒充完整视频理解。
为什么值得关注
它把多模态能力封装成 Agent 可复用的任务规范,而不是每次临时写一段“请看视频”的提示词。Skill 明确要求使用原始视频和音频、返回时间戳、处理失败状态并清理上传文件,因而更接近可审计的工具链。对现有能读文件、跑代码的代理来说,接入成本主要是 API Key 和一次 Skill 安装,能快速扩展到视频检索、字幕核对和演示复盘。
应用场景
- 对课程、访谈、产品演示进行时间戳摘要,并快速定位某个动作或一句话出现的位置。
- 让 Agent 检查录屏中的 UI 操作、客服视频或实验过程,输出可复核的片段清单。
🛠️ OpenDesign:本地优先的 AI 产品设计工作空间
一句话
一个 Apache-2.0 开源的本地设计工作空间,把现有 Coding Agent 接入从创意、原型、网页和幻灯片到可运行文件的迭代流程。
怎么玩
先从官网 Download 下载桌面应用,或按 GitHub README 选择适合自己的发行版;启动后让它自动发现 PATH 中已有的 Claude Code、Codex、Cursor、Gemini CLI 等代理。新建项目时先用一句话描述目标,再选择模板和视觉方向,导入截图、Figma 导出或已有代码仓库作为上下文,让 Agent 生成真实可运行的 HTML、页面或演示文件。随后在预览中逐轮修改,把品牌约束沉淀到 DESIGN.md;如果要接自建中转或其他模型,使用 BYOK 配置自己的 base URL、API Key 和 model,并先在无敏感数据的测试项目中验证权限与成本。
为什么值得关注
它的差异点不是另一个只生成图片的网页工具,而是把设计系统、模板、代理适配器、本地文件和可运行产物放到同一条链路中。官方资料强调本地优先、BYOK、Apache-2.0、可接入 21 个以上 Coding Agent,并支持原型、网页、幻灯片和 HTML 视频。这样可以把视觉方向和品牌记忆保存为项目资产,减少每次换模型或换代理都从零描述设计要求。
应用场景
- 用已有 Coding Agent 快速做产品原型、落地页、后台仪表盘或演示文稿,并保留可交接的真实文件。
- 将截图、Figma 导出和 DESIGN.md 组合成品牌约束,持续迭代多个页面而不是一次性生成图片。
🛠️ Qiaomu AI RSS:把 AI Newsletter 和博客阅读接进 Obsidian
一句话
一个 Obsidian 社区插件,把精选 AI Newsletter、独立博客 RSS 和本地 Markdown 文件聚合到笔记库中,并支持翻译改写与阅读沉淀。
怎么玩
在 Obsidian 设置→社区插件中搜索“Qiaomu AI RSS”或“qiaomu”并安装;若客户端暂时搜不到,就从 GitHub Releases 下载 `main.js`、`manifest.json`、`styles.css`,在当前 Vault 的 `.obsidian/plugins/qiaomu-ai-rss/` 中创建目录后启用插件。打开侧边栏 RSS 图标,点击顶部“+”进入探索,先添加少量自己长期会读的 AI Newsletter,再测试翻译、改写和收藏流程。需要接入自己的资料时,用“本地文件夹”添加 Markdown 来源;建议先复制一个测试 Vault,确认 API、笔记写入位置和原文链接都符合预期,再迁移到正式知识库。
为什么值得关注
它把外部资讯入口和 Obsidian 的本地知识管理连接起来,官方目录页可核验安装、版本审核和本地文件夹来源等细节。推文提到的 46 个精选 AI Newsletter、1000 多个独立博客订阅,配合本地 Markdown 沉淀,适合把“发现资讯”直接变成可搜索、可回顾的知识卡片。对于已经使用 Obsidian 的人,这比每天在多个网页之间切换更容易形成长期信息复利。
应用场景
- 每天聚合 AI Newsletter 和技术博客,在 Obsidian 内完成筛选、翻译、标注和归档。
- 将已有项目笔记或本地 Markdown 文件作为频道阅读,建立项目相关资料的统一入口。
🛠️ Clay Safari:可直接试玩和改造的黏土风 3D 双语小游戏
一句话
一个开源的儿童互动认知世界,用户可以在黏土风格 3D 场景中点击动物,听中文/英文名称和叫声。
怎么玩
先打开在线体验地址,在场景中移动视角并点击动物,观察双语标签、声音和交互反馈;想研究制作方式时再打开 GitHub README,克隆仓库到本地,按项目说明安装依赖并启动开发服务器。建议先不改代码,完整走一遍“进入场景—找到动物—点击—切换语言或播放声音”的用户路径,再挑一个动物的名称、颜色或交互事件做小修改,重新运行验证。若要扩展内容,先从 README 已说明的制作方法和资源结构入手,新增一个简单对象后再处理模型、音效和移动端性能,不要一开始就重做整个场景。
为什么值得关注
它同时提供线上体验、开源代码和制作方法,降低了“看演示但无法复现”的门槛。项目页面明确将其定位为黏土风格、3D、双语和儿童认知世界,适合拿来观察 AI 生成式开发如何把视觉资产、交互和教育内容组合成一个可玩的成品。它的价值不只在游戏本身,也在于给零基础开发者一个范围小、反馈快、容易继续扩展的前端实验样本。
应用场景
- 作为儿童英语启蒙或互动展陈的轻量原型,替换动物、语言和音效内容。
- 作为 AI 辅助开发的练习项目,学习从在线 Demo 反推代码结构并做小步扩展。
🛠️ Frontier AEO Tracker:观察模型如何推荐产品
一句话
Latent.Space 发布的公开实验平台,使用 7 个模型、6 组提示变体和 161 个品类测量 AI 答案引擎中的产品推荐、提及与负面推荐。
怎么玩
先读方法说明,理解它不是传统搜索排名,也不是购买转化数据,而是对模型回答中的首选、备选、提及和反向推荐进行统计。打开 categories,挑一个自己熟悉的品类,分别查看不同模型的推荐结果,再打开 sources 页面追溯哪些来源影响了模型回答。做自己的小实验时,先固定问题、地区、语言和模型,记录首选与备选,再换一种同义问法重复几次;最后把结果与官网、文档、真实用户反馈对照,区分“被模型提到”与“真的适合采用”。如果你运营 AI 产品,可把它作为内容和品牌可见性的观察入口,而不是直接当作 SEO 排名工具。
为什么值得关注
它把过去难以观察的“AI 会推荐谁”变成了可浏览的实验数据,并且公开了模型、类别、提示变体和方法论入口。平台还抽取影响推荐的引用来源,并报告失败案例,帮助团队从“多写热门关键词”转向检查自己的主题是否与产品实体、证据和用户问题匹配。需要注意其覆盖模型和实验设置有限,结果是研究信号,不等同于市场份额或商业效果。
应用场景
- 检查一个 AI SaaS 在不同答案引擎中的品牌提及、替代品位置和负面描述。
- 用固定问题集做月度复测,观察官网文档、案例和第三方引用是否改变模型的推荐依据。
📡 OpenAI:Coding Agent 正在进入研究工作的主循环
事件
OpenAI 公开描述研究员日常使用 Coding Agent 的方式发生变化,并把研究流程拆成 Decide、Design、Build、Run、Analyze 等连续环节。
解读
这条信息的重要性不在于“研究员也在用代码助手”,而在于 Agent 被放进了实验闭环,而不只是 IDE 里的补全工具。公开文章称研究员会在一天中并发使用多个 Coding Agent,会更快写代码、运行实验,也会把代理交给更复杂且更容易成功的任务。对普通团队来说,真正可复制的不是宣传中的单次 Demo,而是把任务拆成可验证阶段:先明确问题和评估指标,再让 Agent 生成实现、运行测试、分析结果,最后由人决定是否进入下一轮。
影响评估
如果这种流程持续扩散,竞争重点会从模型单次回答质量转向任务编排、实验基础设施、测试覆盖、权限隔离和结果留痕。研发组织可能需要重新设计代码审查、算力预算和知识沉淀方式;个人开发者也会更像管理多个并发执行单元,而不是等待一个聊天窗口逐条回复。与此同时,Agent 输出更快并不等于研究结论更可靠,评估和安全检查会成为新的瓶颈。
📡 SkillZip Pro:Agent Skills 压缩的难点是保留路由
事件
阿里和浙大团队的论文讨论如何在渐进加载的 Skill Bundle 中动态压缩内容,并指出生产 Skill 是目录化执行单元而非单条 Prompt。
解读
论文标题和摘要把问题从“少写一点提示词”推进到“压缩后 Agent 还能否找到并调用正确能力”。根目录 SKILL.md、references、subskills、scripts 等文件承担不同的触发和执行职责,直接按字符数裁剪可能会删除关键路由、依赖关系或验证步骤。这个视角对已经拥有大量 Skill 的团队尤其重要:压缩目标不应只是 token 数,还要测量命中率、工具选择、失败恢复和任务完成率。
影响评估
随着 Agent 技能目录变大,加载成本、上下文污染和错误路由会直接影响可用性与推理费用。未来的 Skill 管理更像软件包构建与编译优化,需要保留入口、依赖、权限和回退路径,并用真实任务回归测试压缩前后的行为。对个人用户而言,整理 SKILL.md 时也不能只追求短,应该把“何时触发、依赖什么、如何验证”写清楚。