每周精选 · 2026 年第 45 周
Agent 用例
使用 Claude 或 Codex 生成代码库交互地图
利用 Floorplan 插件配合 Claude Code 或 Codex,将你的应用代码库转换为用大白话描述的交互式地图。它不仅能展示文件、模块及跨仓库的网络请求连接,还能进行应用健康检查并追踪 AI 的最新修改。
RoadmapAI:将用户反馈自动转化为产品路线图
通过部署在 Discord、Slack 和 GitHub 上的 RoadmapAI Agent,自动将用户的每个功能请求和Bug转化为排好序的产品路线图,并通过 MCP 对接开发工具。
用 Grok 打造 SEO 与 Aeo 引擎实现日访客量 25 倍增长
通过设定每日自动运行的工作流,让 Grok 审查代码库并自动提交包含 SEO 修复、编写开发者搜索指南、更新 llms.txt 和自动提交免费目录的 PR。作者每天只需审查并合并 PR,实现了网站访客量的大幅增长。
为 Claude Code 制作实时文件树面板
开发者使用 Claude Code 构建了一个免费开源的实时文件树面板,可在聊天窗口旁实时显示 Claude 读取、编辑的文件及当前操作状态。它支持桌面端、VS Code 扩展和终端,完全本地运行。
AI Agent 的 6 种人机协同(Human-in-the-loop)设计模式
本文介绍了针对 AI Agent 的 6 种人机协同模式,从仅记录日志、每日摘要审查、置信度阈值、先起草再发送、副作用审批关卡到双人审批,帮助开发者合理控制 Agent 的操作风险。
用 Claude 自动化处理两年滞纳税务
用户通过围绕 Claude 构建自动化会计系统,清理了三家银行两年来的交易记录,匹配收据和发票并生成荷兰税务局格式的报告。该方案在单个下午内清除了两年积压账目,并为会计师整理出疑难问题清单。
使用 n8n 自动化评估 LinkedIn 潜在客户并草拟触达消息
该工作流通过 n8n 读取 LinkedIn 个人主页并丰富档案信息,利用 AI 代理根据理想客户画像(ICP)进行评分并撰写三条触达消息,最后将结果保存至 Google Sheets 中。
用 n8n 抓取领英主页并自动生成冷邮件
通过 n8n 工作流接收领英链接并抓取个人资料,利用 AI 编写个性化冷邮件,作者称每月可预约 20-30 个高质量通话。
使用 Craft Anything 逆向复刻软件、网站与游戏
通过真实检查工具研究目标网站、应用、游戏或文件的运作方式,并让编码智能体使用指定的语言栈构建新项目、与原版进行对比检查并不断精炼。
使用 Rex 与 Coding Agents 构建可视化面板
开发者在使用 @superlogical 的 Rex 运行 coding agents 时,为看清 agent 每轮的具体操作,开发了 rexmod 面板以展示上一轮的更改和文件。这优化了 coding agents 的运行体验,能清晰追踪每轮执行结果。
使用 Claude Skill 制作代码渲染视频
利用 video-director 技能引导 Claude Opus 5.5(在 Claude Code 中)规划、编写、渲染并质检代码渲染的短视频(HTML/Canvas/SVG等转MP4)。它通过分阶段工作流、QA 脚本和评估体系来保证视频质量。
字节开源全功能AI Agent:DeerFlow实战
发现一款字节跳动开源的AI Agent工具DeerFlow,它在最少人工监督下能够进行研究、写作、编码、构建项目并执行复杂任务。该工具完全免费且基于MIT开源协议发布。
前端方法
用 unslop 消除 AI 前端界面感
针对 AI 生成的前端界面存在紫色渐变、发光、表情符号标签、喧闹文案和不均等间距等问题,使用 unslop 技能进行逐项排查和多轮优化,将其转变为具有独特个性的设计界面。
让AI前端告别丑陋:X设计负责人开源的UI美化与避坑指南
X设计负责人Benji开源了一套让AI前端具备生产级审美的技能包。它通过明确5大常见错误、7个执行步骤(写代码前完成大部分构思)以及录制检查动画帧的方法,解决AI界面过载、扁平或千篇一律的问题。
使用开源项目 Impeccable 治愈 AI 审美差
针对 AI 生成网页廉价、审美差的问题,可使用开源项目 Impeccable 为 Claude Code、Cursor 等编程 Agent 增加 UI 设计能力,通过 24 个命令和 critique 功能调整设计并评审问题。
利用 Anthropic 官方前端设计 Skills 避坑
Anthropic 官方开源了包含 12+ 个 Claude Skills 的公开 GitHub 仓库,提供专用于前端设计、构建 agentic skills 和编码的免费资源,可直接用于优化 AI 前端生成效果。
使用专治“AI味前端”的开源 Skill 避坑方法
GitHub周榜显示前12名中扎堆出现了4个专治“AI味前端”的Skill。通过引入这些工具和方法,可以有效解决AI生成前端页面时不够美观的问题。
使用 unslop 消除 Claude Code 生成界面的 AI 塑料感
针对 Claude Code 生成前端界面常出现的紫色渐变、边缘发光和随意间距等问题,可使用开源项目 heydamir/unslop 作为 Claude Code Skill 进行自动走查与分层修正。
利用免费AI设计资源告别丑陋前端
通过收藏并使用免费的网站提示词与设计灵感资源,为AI编程工具提供高质量的设计参考。将优质提示词直接粘贴给AI即可快速构建精美前端。