AI 探索
文章平均质量分 86
AI 探索,侧重于前端 + AI 领域的具体实践分享
RI Code
资深前端工程师 | AI 效能探索者
>
> 热衷于智能工作流(Agentic Workflow)重塑开发体验。
>
> **分享**:沉淀 AI 辅助编程与架构演进的深度思考。
>
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端 AI Agent 多智能体协作架构:从对抗式排查到工作流解耦
单体 AI 助手容易陷入偏见?本文揭秘前端多智能体架构,详解利用 5 个 Agent 对抗式辩论排查复杂 Bug,及运用独立 Reviewer 和上下文隔离解决质量坍塌。原创 2026-04-03 14:10:34 · 741 阅读 · 0 评论 -
应对 Codex 0.118.0 破坏性更新:Slash Prompt Router 架构解析与实践
摘要:Codex 0.118.0移除了自定义Prompt支持,严重影响了依赖该功能的开发者工作流。为解决这一问题,slash-prompt-router应运而生,它通过Skill机制重建了更强大的Prompt管理能力。该工具作为智能调度中枢,实现了三大核心功能:动态扫描本地Prompt库、基于混合文本评分的意图匹配、以及动态参数绑定执行。其轻量级设计采用双轨特征提取(英文正则+CJK双字N-Gram)和多维度评分策略,能在毫秒级完成候选推荐。通过$ARGUMENTS和位置参数支持,使静态Prompt转化为动原创 2026-04-02 16:52:55 · 500 阅读 · 0 评论 -
前端转 Agent 全栈,还是后端转 Agent 全栈?一份面向企业级项目的能力路线图
摘要: 企业级AI Agent开发的核心挑战不在框架使用,而在于底层系统整合与上层产品化落地。后端开发者转型Agent全栈更具短期优势,因其擅长状态管理、系统对接和安全治理等工程难题;前端开发者则应聚焦交互体验,通过可视化界面、多端触达能力建立差异化竞争力。两条转型路径:前端路线需掌握LLM基础+最小后端闭环+产品化作品集;后端路线需精通Agent框架+工程治理+基础前端开发。最终,两者都需掌握大模型理论、RAG架构等核心知识,通过错位竞争实现全栈能力突破。(149字)原创 2026-03-27 18:08:26 · 467 阅读 · 0 评论 -
基于 Chrome CDP 的跨端 Web 状态同步工程实践——以 Opencode SDK 为例
本文探讨了在Web应用中利用Chrome DevTools Protocol(CDP)实现跨端状态同步的工程实践。针对Opencode SDK中URL路由与全局状态割裂的问题,文章分析了多种解决方案,最终选择通过CDP直接注入底层事件总线的技术路径。详细介绍了包含8步闭环的CDP状态同步执行管道设计,包括会话创建、终端判定、事件派发和状态验证等关键环节。同时提出了完善的容错架构,包含安全探针、超时机制和降级开关等保障措施。该案例展示了在常规接口受限时,通过底层协议实现精确状态注入的系统工程方法,为复杂状态管原创 2026-03-17 18:17:16 · 483 阅读 · 0 评论 -
手机上发条消息,家里的 AI 就开始改代码了
cc-connect 是一个开源桥接工具,将本地 AI 编程助手(Claude Code、Codex、Gemini CLI 等)接入即时通讯平台(Telegram、飞书、Slack、Discord 等)。通过 WebSocket 长连接,无需公网 IP,开发者可以在手机聊天窗口中远程控制 AI Agent 执行代码审查、bug 修复、自动化任务等工作。支持多项目隔离管理、会话控制、权限审批、定时任务和语音/图片输入。原创 2026-03-17 12:24:12 · 1056 阅读 · 0 评论 -
告别 AI 审查的“噪音轰炸”:揭秘 Adversarial Review 的多智能体“左右互搏”术
摘要:AI代码审查的对抗性革命 传统AI代码审查存在"噪音轰炸"问题,过度报告无关紧要的警告。adversarial-review创新性地采用多智能体对抗机制:Bug-finder穷尽式扫描代码缺陷,Adversarial Defender严谨反驳误报,Referee做出最终裁决。这种"左右互搏"的设计通过不对称激励机制,有效过滤90%以上的噪音,只保留真正关键的工程问题。该技术特别适用于复杂重构、专项审计和高风险变更场景,实现了AI监督AI的自我约束机制,为严肃工程原创 2026-03-05 15:10:32 · 1134 阅读 · 0 评论 -
让 Agent 写代码之前,先让它把想法写在纸上:一套经过验证的 AI 编程工作流
AI 写代码最大的坑是”静默错误”。本文分享一套经过验证的 AI 编程工作流:强迫 AI 先写计划文档,人类批注修改后再执行编码。三步走彻底告别架构跑偏。原创 2026-03-05 10:29:03 · 423 阅读 · 0 评论 -
彻底驾驭前端 AI 编程助手:基于 Rules 与 Skills 的提效核心法则
还在用长篇 Prompt 约束前端 AI?本文教你用 Rules 划定技术红线,用 Skills 沉淀组件最佳实践。把 `CLAUDE.md` 变成逻辑嵌套的路由中心,轻松消除 AI 幻觉与代码异味,让 AI 变成最懂你前端架构的高级工程师。原创 2026-03-04 15:36:00 · 537 阅读 · 0 评论 -
前端 Agent 工程化深度指南:从上下文降噪到多智能体博弈
用 AI 写前端代码总翻车?掌握 Agent 工程三大法则:1. 极简上下文(多余信息是毒药);2. 中立提示词(警惕 AI 迎合你而捏造 Bug);3. 引入对抗机制(利用多个 Agent 互相博弈验证代码)。回归本质,用架构约束 AI。原创 2026-03-04 14:53:04 · 814 阅读 · 0 评论 -
巅峰对决:Codex Multi-Agent vs Claude Agent Teams,谁才是最强 AI 编程团队?
Codex Multi-Agent 和 Claude Agent Teams 到底怎么选?一个是主打高效低成本的“星型指挥中枢”,一个是主打深度辩论协作的“网状敏捷团队”。本文从底层架构、Token 成本、适用场景三大维度深度横评,为你提供最实用的 AI 团队选型与实战指南。原创 2026-02-25 17:34:38 · 3111 阅读 · 0 评论 -
告别上下文污染:Codex Multi-Agent 多智能体并发编程指南
AI 编程总是写着写着就“失忆”?这是因为上下文被无用日志污染了。本文带你实战 Codex Multi-Agent 架构,通过配置专属的并发子智能体,彻底解决上下文腐败问题,实现代码探索与重构的降维打击。原创 2026-02-25 16:52:53 · 4782 阅读 · 0 评论 -
会话交接:把上下文从“聊天记录”变成“可执行资产”
摘要:会话交接(Session Handover)是将多轮开发协作中的上下文转化为可执行资产的关键实践。它通过结构化记录已完成工作、当前状态、试错经验、决策依据和下一步行动,帮助团队实现交付连续性,降低任务切换成本。不同于知识沉淀(Catch-Memories),交接文档聚焦短期任务接力,要求满足"5分钟可复述"、"P0可执行"和"路径可定位"三大标准。成熟的会话交接能显著提升恢复速度、决策一致性和协作效率,使工程交付从依赖记忆转向依赖资产。原创 2026-02-10 16:09:11 · 1094 阅读 · 0 评论 -
别再反复提醒你的 AI 了:Claude Code Hooks 最佳实践指南
Claude Code Hooks 高效实践指南 核心价值:本文介绍如何通过Claude Code Hooks机制,将AI编程规范转化为确定性执行规则,减少重复提醒,提升开发效率。 关键要点: Hooks三大要素:事件触发(12种生命周期)、正则匹配器、退出码控制流 四种高价值模式: 写后即格式化(PostToolUse) 读取守卫(PreToolUse) 动态上下文注入(UserPromptSubmit) 桌面通知提醒(Notification) 配置原则:脚本独立存放、全局/项目配置分层、精准控制作用域原创 2026-02-05 14:54:00 · 1390 阅读 · 0 评论 -
打通 Claude Code 生态:如何让本地 Agent 共享 Commands、Subagents 与 Skills
本文介绍了一种轻量级架构方案"映射加载器"(Mapping Loader),旨在打通Claude Code与其他本地AI Agent(如Gemini CLI)之间的能力共享。通过"扫描→映射→加载"三步策略,将Claude Code中的Commands、Subagents、Skills等原子能力解耦为标准化的Markdown表格,实现一次编写多处复用。核心创新在于采用人类可读的Markdown作为注册表,并设计通用查询模式,使不同Agent无需了解彼此目录结构即可动态原创 2026-02-04 10:38:49 · 1095 阅读 · 0 评论 -
我是如何 Vibe Coding,将 AI CLI 工具从 Node.js 迁移到 Rust 并成功发布的
Vibe Coding + OpenSpec 实战:通过规范的变更管理流程,4小时内将 Node.js CLI 工具迁移到 Rust,启动速度提升 13 倍,内存降低 12 倍。21 个任务逐个击破,实现单文件零依赖分发。原创 2026-02-01 10:56:00 · 1098 阅读 · 0 评论 -
Cursor-memory-cli 自动化记忆提取的完整实现
一个用于安装和配置 Cursor Memory 系统的命令行工具。Cursor Memory 是一个持续学习系统,可以从 Cursor 会话中提取结构化记忆,并将其编码为可查询的 JSON 记录,供跨会话调用。原创 2026-01-31 20:19:37 · 1330 阅读 · 0 评论 -
Cursor Memory 实战:如何终结 AI 助手的“金鱼记忆”
通过 Hook 机制与结构化提取,cursor-memory 将 AI 的一次性对话转化为可复用的项目资产,实现真正的“越用越聪明”。原创 2026-01-30 16:28:47 · 1472 阅读 · 1 评论 -
打通任督二脉:让你的 GitHub Copilot 瞬间学会 Claude Code 的所有绝招
本文介绍了如何通过 Node.js 脚本自动化扫描 Claude Code 的本地 Skills 和 Agents,生成结构化的 Markdown 映射文件。通过这种机制,开发者可以在 VSCode GitHub Copilot 中直接引用和执行 Claude Code 的强大能力,打破了不同 AI 工具间的上下文壁垒,实现了 Prompt 资产的跨平台复用。原创 2026-01-29 11:23:47 · 1213 阅读 · 0 评论 -
为什么你的 Claude 正在把代码写成“屎山”?——揭秘 AI 编程的“近视眼”缺陷
Claude 代码写得再好也是“近视眼”,不懂全局架构只会让代码库由于重复造轮子而日渐臃肿;建立架构地图和外部记忆系统,是驾驭 AI 编程的必经之路。原创 2026-01-28 10:11:33 · 676 阅读 · 0 评论 -
多模型协作:让 AI 调用 AI 的工程实践
Claude 擅长推理,Codex 精于代码,Gemini 长于创意。codeagent-wrapper 让它们协作:串行委托、并行分工、AI 调用 AI。通过 DAG 编排自动优化执行顺序,实现能力互补、效率倍增、成本优化。原创 2026-01-22 16:38:04 · 772 阅读 · 0 评论 -
Github 分析了 2500+ 个仓库后,发现大多数 agents.md 都写错了
agents.md 是给 AI 编码助手的"岗位培训手册"。GitHub 分析 2500+ 仓库发现,优秀的 agents.md 需覆盖六大领域:命令、测试、项目结构、代码风格、Git 工作流、边界。核心原则:命令精确、示例具体、边界明确、持续迭代。原创 2026-01-21 10:42:57 · 1125 阅读 · 0 评论 -
造工具还是雇专家?AI Agent 扩展的黄金法则
AI Agent 变强是靠加工具(Skills)还是招小弟(SubAgents)?Skill 不只是工具,更是认知协议;SubAgent 是独立思考的专家。本文提供"五步决策法",帮你避开反模式,掌握 Orchestrator 组合拳架构。原创 2026-01-20 21:48:03 · 835 阅读 · 0 评论 -
当 Skill 遇到“保鲜期“:技能自迭代的工程实践
Skill 会过时。本文介绍四步自迭代法:回顾使用、提取负反馈、分析方向、生成清单。核心是区分"内容问题"和"方法问题",避免 Skill 臃肿化,让它越用越好而非越用越旧。原创 2026-01-16 16:40:09 · 878 阅读 · 0 评论 -
从混沌到秩序:Git Diff 结构化报告的 Claude Code Skill 实践
《Git Diff 结构化报告工具:从混沌到秩序》 摘要: 本文介绍了一种解决Git diff原生输出缺乏结构性的方案——git-diff-report Claude Code Skill。该工具将专家级Git操作封装为AI可调用的结构化能力,主要解决三大问题:信息过载(线性平铺的变更难以审查)、上下文丢失(终端输出转瞬即逝)和无法追溯(历史变更难以查询)。工具支持6种Git模式,采用策略模式统一抽象,通过7层功能架构实现职责分离。相比普通脚本,该Skill具备AI自动识别场景、上下文推断参数等优势,将复杂原创 2026-01-15 17:26:32 · 907 阅读 · 0 评论 -
超越 Context Window:为何文件系统是 AI Agent 的终极记忆体
摘要: AI Agent 在处理复杂任务时常因上下文限制而失效,Meta 收购的 Manus 公司提出通过文件系统管理记忆的解决方案。其核心是将文件系统作为外部显式记忆,通过维护三个关键文件(task_plan.md、notes.md、交付物)构建 Agent 的思维框架。这种方法解决了 RAG 无法处理的动态状态问题,赋予 Agent 长期记忆和规划能力,适用于多阶段、研究密集型任务。文件系统的结构化存储比扩展上下文窗口更高效,实现了慢思考循环,使 Agent 具备时间感和决策回溯能力,从而提升任务执行的原创 2026-01-09 17:56:22 · 1491 阅读 · 0 评论 -
Ralph Loop 深度解析:基于 Stop Hook 的自引用迭代开发范式
本文深度分析 Claude Code 官方 Ralph Loop 插件的技术实现与设计哲学。该插件通过劫持会话退出机制(Stop Hook),将传统的外部 `while true` 循环内化为会话内的自引用反馈系统。文章将从控制流劫持、状态机设计、完成条件检测等维度进行技术剖析,并通过 TDD 开发和自动化修复的实战场景演示其工程价值。原创 2026-01-08 19:33:09 · 1895 阅读 · 0 评论 -
Feature-Dev 插件深度解析:Multi-Agent 协作的结构化功能开发工作流
本文深度分析 Claude Code 官方 Feature-Dev 插件的架构设计与工程实现。该插件通过 7 阶段状态机工作流和 3 个专业化 Agent(code-explorer、code-architect、code-reviewer)的协作,将 AI 辅助开发从"代码生成"提升到"软件工程"层面。文章将从系统架构、状态转换、Agent 协作机制、人机交互控制点等维度进行技术剖析,并通过 OAuth 认证功能开发的完整案例演示其工程价值。原创 2026-01-08 18:52:03 · 1649 阅读 · 0 评论 -
我让AI反过来“采访“我,需求文档再也没返工过
这篇文章介绍了一种创新方法:通过让AI反向"采访"用户来完善需求文档,避免反复返工。作者发现传统"你写需求-AI实现"模式效率低下,因为开发者常因"知识的诅咒"而遗漏重要细节。利用Claude Code的AskUserQuestion工具,作者开发了/interview命令,让AI通过系统提问挖掘用户脑中未明确表达的需求。这种方法基于三个心理学原理:回答比撰写负担低、问题触发被动记忆、苏格拉底式对话。文章详细展示了AI采访的实践过程、设计哲学和适用原创 2026-01-04 11:43:25 · 1355 阅读 · 0 评论 -
用AI开发了一个页面后,我把经验“复制粘贴“到了另外10个页面
AI协作开发中,90%的经验会随对话结束而消失。本文介绍会话记忆提取方法:让AI自动从对话中提取决策、学习、纠正等结构化记忆,实现开发经验的快速复制。开发第一个页面是探索,开发第十个页面应该是复制。原创 2025-12-25 16:44:03 · 1153 阅读 · 2 评论 -
用于管理 Cursor Skills 并同步到 AGENTS.md 的命令行工具
摘要: Cursor Skills CLI 是一个用于管理 Cursor Skills 并同步到 AGENTS.md 的命令行工具。该工具支持项目级和全局级 Skills 管理,提供交互式 TUI 多选菜单,具有 AI 代理集成能力(通过 read 命令),采用纯 Node.js 实现且无外部依赖。核心功能包括 Skills 扫描与列表展示、智能同步到 AGENTS.md(支持增量更新)、Skill 内容读取等。工具遵循特定目录结构规范,要求每个 Skill 包含带 YAML 元数据的 SKILL.md 文原创 2025-12-20 17:09:35 · 1393 阅读 · 0 评论 -
IncSpec 面向 AI 编程助手的增量规范驱动开发工具
摘要: IncSpec是一款面向AI编程助手的增量规范驱动开发工具,专为解决前端开发中复杂代码库修改难题而设计。它通过6+1步工作流(分析→收集需求→收集依赖→设计→应用→合并→归档)实现结构化开发,核心特点包括:基线优先分析现有代码流程、5列表格捕获结构化需求、6维度UI依赖分析、7模块增量设计蓝图。该工具无需API密钥,兼容主流AI编程助手(Cursor/Claude等),特别适合处理API流程和状态管理复杂的前端项目迭代。安装简单,通过npm或GitHub即可快速集成到现有项目,帮助开发者在修改代码前原创 2025-12-20 14:43:48 · 1128 阅读 · 0 评论 -
一个下午,我折腾出了一个 Code Review 的 Skill
摘要: 作者分享了一个下午开发代码审查工具的经历。最初设计的三步流程(分析旧代码、获取变更、对比)在实际运行时发现逻辑错误,因为本地代码已是变更后状态。于是调整为:先获取Git diff(含变更前后信息),分析当前代码(变更后),再通过diff反推变更前状态。过程中作者封装了Git操作为Node脚本,输出结构化JSON数据,并最终形成可复用的Skill工具。这个开发过程体现了工具设计时容易忽略的细节,以及将方法论固化为工具的价值。原创 2025-12-15 19:05:56 · 2346 阅读 · 2 评论 -
Claude Skills 深度解析:从 What、Why、How 构建领域专用 AI 能力
摘要: ClaudeSkills是Anthropic推出的领域专用知识包,通过结构化文件(SKILL.md)将程序性知识(如操作流程、行业规范)封装为AI可复用的模块,帮助通用AI快速掌握特定技能。其核心优势在于渐进式加载(元数据→核心指令→详细资源),避免上下文过载,并与外部工具协议(MCP)协同,实现“知识+执行”闭环。相比传统提示词,Skills支持跨场景复用,如代码评审、报告生成等标准化流程。未来,Skills或成为AI代理的“操作系统”,通过共享生态提升专业知识复用效率。原创 2025-12-15 11:44:35 · 1464 阅读 · 0 评论 -
Skills vs MCP:AI 智能体能力扩展的双引擎技术解析
AI 智能体能力扩展的双引擎技术解析:Skills与MCP 本文深入探讨了AI智能体能力扩展的两大关键技术:Skills和MCP(模型上下文协议)。Skills作为模块化任务知识库,通过渐进式加载机制将重复任务固化为可复用模板;MCP则作为标准化外部连接协议,实现AI与外部工具和数据的无缝对接。两者各司其职又相互补充:Skills解决"如何做"的问题,MCP解决"连接谁"的问题。文章对比了两者在技术架构、性能表现和应用场景上的差异,并提出了协同应用的最佳实践,为构建高原创 2025-12-11 14:20:51 · 1725 阅读 · 0 评论 -
AI Agent 任务管理实践:用 task-manager skill 构建结构化工作流
本文介绍了AI Agent任务管理工具task-manager的设计理念与实践。针对SOP文档难以被AI理解和执行的痛点,task-manager通过JSON配置将人类可读的SOP转化为结构化工作流,实现任务状态追踪、依赖管理和执行控制。该工具采用两级任务结构,支持6种状态机,通过用户确认制确保流程可控性,并提供6种预置模板快速启动项目。相比传统SOP,task-manager实现了从文档指导到程序驱动的转变,解决了AI执行中的上下文丢失、顺序混乱等问题。原创 2025-12-10 17:02:06 · 1064 阅读 · 0 评论 -
Cursor 中自动加载 Skill 的技术实现解析
Cursor技能自动加载系统解析 本文介绍了cursor-skills CLI工具的设计实现,用于构建AI Agent技能管理系统。系统解决了上下文碎片化、提示词管理和Agent能力边界模糊三大问题,通过声明式技能定义和自动发现机制实现: 技能文件结构:每个技能以目录形式存在,核心是包含元数据的SKILL.md文件 双层管理系统:支持项目级和全局级技能存储,项目级技能优先覆盖 能力声明机制:通过AGENTS.md文件列出可用技能清单 技术实现:包括并行目录扫描、元数据提取和容错设计,确保稳定运行 系统提升了原创 2025-12-09 14:58:22 · 2734 阅读 · 0 评论 -
AI 驱动的增量式编码:前端开发的高效新范式
本文提出了一种"AI驱动的增量式编码"工作流,通过6个严格步骤将AI融入前端开发: 代码流分析:建立系统基线文档 结构化需求收集:消除需求模糊性 UI依赖收集:锁定所有API/Store/类型依赖 增量设计:生成实施蓝图 代码应用:按蓝图修改/生成代码 基线合并:更新系统状态文档 该方法适用于复杂新功能开发、遗留代码改造等场景,强调"设计优先"理念,通过文档化每个环节确保开发质量。案例展示了如何为产品列表添加筛选功能。建议严格顺序执行,避免跳过步骤,并定期合并基线保持原创 2025-11-20 15:00:56 · 985 阅读 · 0 评论 -
AI 辅助前端增量开发:一种基于“Diff 思想”的实战方案
摘要: 本文提出一种基于 React Diff 算法的 AI 辅助前端增量开发方案,通过标准化流程将单需求开发时间压缩 20% 以上。方案核心是将人工全量代码审查转化为 AI 精准变更追踪,包含 6 个步骤:1) 生成结构化需求快照;2) 标准化需求描述;3) AI 生成 UI 组件;4) AI 自动 Diff 分析变更点;5) 风险导向代码审查;6) 闭环维护更新文档。实际项目验证显示,该方法可将单需求耗时从 4-8 小时缩短至 2 小时。推荐使用 Claude 4.5 + Cursor IDE 工具链实原创 2025-11-19 14:27:32 · 910 阅读 · 0 评论 -
用 MCP 驾驭任务流:task-manager-mcp 全自动执行
本文介绍了如何利用task-manager-mcp构建全自动任务执行流水线的方案。关键点包括:通过/task-manager-mcp:get-task-rules命令获取任务管理规则;严格的任务完成判定标准,要求创建规范格式的归档文件;采用四步执行法(状态更新、执行准备、执行留痕、归档检查)实现自动化流程;明确任务状态流转逻辑和错误处理机制。该方案通过MCP上下文管理任务状态,实现从任务获取到执行归档的全自动处理,特别强调归档文件作为任务完成的必要凭证,为多人协作提供可追溯性保障。原创 2025-08-22 17:25:07 · 1699 阅读 · 0 评论 -
用 MCP 玩转任务管理:我的 `task-manager-mcp` 轻量方案
在 AI 驱动开发的工作流中,任务多、依赖复杂、优先级难以把握,常让人陷入“下一步该做什么”的困惑。task-manager-mcp 是一个轻量级 MCP(Model Context Protocol)任务管理服务端,零外部依赖,可直接嵌入现有工作流。它能自动跟踪任务状态、判断依赖完成情况,并智能推荐当前可执行的下一任务。本文将带你快速上手,并附架构图与流程图,助你用最少成本构建高效的任务管理体系。原创 2025-08-21 19:06:28 · 1404 阅读 · 1 评论
分享