WorkBuddy提供四种方法助力新框架学习:一、Ask模式快速检索API定义与示例;二、Craft模式解析本地源码生成文档;三、CLI插件直连官网抓取最新API;四、反向分析项目代码归纳API用法。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您刚接触一个新开发框架,但缺乏官方文档入口或示例代码路径,WorkBuddy可基于自然语言指令直接定位核心API定义、调用方式及可运行示例。以下是实现该目标的多种方法:
一、使用Ask模式发起精准API语义查询
Ask模式专为轻量级查询设计,不触发文件操作,仅执行信息检索与结构化输出,确保安全且响应迅速。该方式适用于已知框架名称与目标功能关键词的场景。
1、启动WorkBuddy客户端,确认处于Ask模式(界面右下角显示“Ask”标识)。
2、在主输入框中输入明确指令,例如:“列出React 19中useActionState的完整签名、参数说明、返回值类型及最小可用示例”。
3、按下回车后,WorkBuddy自动调用内置框架知识图谱与权威源缓存,5秒内返回带TypeScript类型标注的API定义与可复制代码块。
4、结果中所有参数名、返回类型、JSX片段均按语法高亮渲染,支持一键复制到编辑器。
二、通过Craft模式批量解析本地框架源码
Craft模式允许WorkBuddy直接读取本地已下载的框架源码包(如node_modules/react/cjs/),进行符号索引与上下文提取,适用于需验证API实际实现逻辑或调试内部行为的开发者。
1、将目标框架源码解压至D盘指定路径,例如:D:\workbuddy_src\vue-next\src。
2、切换至Craft模式,在输入框中输入:“扫描D:\workbuddy_src\vue-next\src\reactivity目录下所有.ts文件,提取所有export function声明,生成含函数名、入参列表、@returns注释的Markdown表格”。
3、WorkBuddy自动遍历目录,识别ES模块导出语句与JSDoc注释块,忽略测试文件与类型声明。
4、生成表格后,点击任意函数名可展开其原始代码上下文片段,包含所在文件路径与行号。
WorkBuddy 桌宠工厂 —— 给一张角色图、一个 codex.pet 链接、一条 codex-pets.net 下载 URL、或一份现成的精灵表,就能自动创建一只可联动 WorkBuddy 状态的桌面宠物。当用户说"创建桌宠"、"做一只桌宠"、"用这张图做桌宠"、"从 codex.pet 安装桌宠"、"导入 codex 桌宠 XX"、"装一下 codex-pets.net 上的 XX&quo
三、调用CLI插件直连框架官方文档站点
当本地无源码或需获取最新未发布API时,WorkBuddy可通过集成OpenCLI插件,绕过浏览器手动翻页,直接抓取框架官网文档页中的API章节结构与代码示例。
1、确保已安装OpenCLI v2.4+及对应浏览器扩展(Edge/Chrome),并完成授权。
2、在WorkBuddy中输入指令:“使用opencli从https://angular.dev/api/core/Injector抓取所有public类方法,提取方法名、签名、简要描述、第一个code示例块”。
3、WorkBuddy启动CLI子进程,向Angular官方文档发起结构化请求,跳过HTML渲染层,直取DOM中class="api-item"节点数据。
4、返回结果中每个API条目均附带原始文档URL锚点链接,点击即可在浏览器中精准定位至该API段落。
四、基于已有项目代码反向推导框架API用法
当您手头已有使用该框架的旧项目但缺乏文档时,WorkBuddy可分析项目中实际调用痕迹,逆向归纳高频API模式与典型参数组合,生成符合工程实践的速查清单。
1、在WorkBuddy中指定项目路径:D:\my-projects\legacy-svelte-app。
2、输入指令:“扫描D:\my-projects\legacy-svelte-app中所有.svelte与.js文件,统计svelte/store模块的导入与调用频次,提取$store、writable、readable三者最常出现的参数结构与后续链式调用方式”。
3、WorkBuddy执行AST语法树解析,识别import语句与函数调用表达式,过滤掉注释与字符串字面量干扰。
4、输出结果中每个参数结构均标注出现次数与文件分布密度,例如“writable(0) — 出现在12个文件中,占比73%”。

















