监控、报告并获取针对 JavaScript 和 TypeScript 生产错误的 AI 生成修复,自动分析与 Pull Request 集成。
编码器AI Skill. 编码器捕获生产 JavaScript/TypeScript 错误,用AI分析错误,生成修正——作为GitHub PR或粘贴背提示,用于
功能概述
编码器AI Skill. 编码器捕获生产 JavaScript/TypeScript 错误,用AI分析错误,生成修正——作为GitHub PR或粘贴背提示,用于是一项面向实际任务的技能。它将相关步骤、工具调用和结果整理方式集中到统一流程中,帮助使用者更快完成目标并减少重复操作。
核心要点
- 使用时应结合输入条件选择合适的执行方式,核对必要参数、依赖环境与输出内容,并按原始要求处理异常情况。
- 该技能适合需要稳定复用相关能力的场景,可作为自动化工作流的一部分,也便于后续检查、调整和扩展。
- 从功能定位来看,该技能强调把分散的操作要求整理成清晰、可复用的处理流程,使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。
使用与执行
实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数,再依据技能说明逐步执行;若输入条件不完整,应先补齐信息或采用保守配置,避免因错误假设导致结果偏离需求。
结果检查与注意事项
执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期,并对异常提示、缺失字段和边界情况进行处理;涉及批量任务时,还应保存进度,避免中断后重复操作。
Codemend AI 技能
Codemend 捕获生产环境中的 JavaScript/TypeScript 错误,利用 AI 进行分析,并生成修复方案——既可直接创建 GitHub PR,也可输出可粘贴至 Lovable、Replit、Cursor 等 AI 编程工具的提示语(prompt)。
工具
report_error
向 Codemend 上报一条生产环境错误。该错误将在数秒内由 AI 完成分析。
curl -X POST "https://codemend.ai/api/errors/ingest"
-H "Content-Type: application/json"
-d '{
"key": "'$CODEMEND_API_KEY'",
"message": "TypeError: Cannot read properties of undefined (reading 'map')",
"stack": "TypeError: Cannot read properties of undefined\n at renderList (src/components/List.tsx:15:23)",
"source_url": "https://myapp.com/dashboard",
"source_type": "openclaw"
}'
响应:
{ "status": "queued", "error_id": "uuid-here" }
get_fix
获取已上报错误对应的 AI 生成修复方案。返回内容包括问题解释、根本原因、置信度分数,以及一段可直接粘贴至 AI 编程工具的修复提示语(fix prompt)。
curl -s "https://codemend.ai/api/errors/{ERROR_ID}/fix"
-H "x-api-key: $CODEMEND_API_KEY"
响应:
{
"error": {
"id": "uuid",
"status": "analyzed",
"message": "TypeError: Cannot read properties of undefined",
"stack_trace": "...",
"source_url": "https://myapp.com/dashboard"
},
"fix": {
"id": "uuid",
"explanation": "map() 调用失败,是因为 data 在首次渲染时为 undefined",
"root_cause": "数组操作前缺少空值检查",
"confidence": 0.92,
"fix_prompt": "In src/components/List.tsx, add an early return if data is undefined...",
"pr_url": "https://github.com/user/repo/pull/42"
},
"dashboard_url": "https://codemend.ai/errors/uuid"
}
若错误仍在分析中,fix 字段将为 null。请先使用 check_status 查询状态。
check_status
检查某条错误是否已完成分析。
curl -s "https://codemend.ai/api/errors/{ERROR_ID}/status"
-H "x-api-key: $CODEMEND_API_KEY"
响应:
{
"status": "analyzed",
"message": "TypeError: Cannot read properties of undefined",
"has_fix": true,
"fix_id": "uuid-here",
"dashboard_url": "https://codemend.ai/dashboard/errors/uuid"
}
可能的状态值:new → analyzing → analyzed / fix_applied / ignored
list_errors
列出当前项目最近发生的错误。
curl -s "https://codemend.ai/api/errors?limit=10&status=analyzed" -H "x-api-key: $CODEMEND_API_KEY"
响应:
{
"errors": [
{
"id": "uuid",
"status": "analyzed",
"message": "TypeError: Cannot read properties of undefined",
"source_type": "openclaw",
"has_fix": true,
"fix_id": "uuid",
"created_at": "2026-03-11T12:00:00Z"
}
],
"total": 42
}
在项目中配置
浏览器端(React、Next.js、Vue 等)
将以下脚本添加到 HTML 的 中:
如您正在使用 AI 编程工具(Lovable、Replit、Bolt 等),可直接粘贴如下提示语:
请将此错误监控脚本添加至我的应用,并将其置于 index.html 的
区域中:
Node.js / 后端
npm install codemend
const codemend = require('codemend');
codemend.init({ apiKey: process.env.CODEMEND_API_KEY });
codemend.setupProcessHandlers();
Express
const codemend = require('codemend');
codemend.init({ apiKey: process.env.CODEMEND_API_KEY });
app.use(codemend.expressErrorHandler());
React Native
import codemend from 'codemend/react-native';
codemend.init({ apiKey: 'YOUR_API_KEY' });
codemend.setupErrorHandler();
典型工作流
- 按上述方式在项目中配置错误监控
- 错误将被自动捕获并发送至 Codemend
- 调用
list_errors查看最近的错误列表 - 调用
get_fix获取 AI 生成的修复方案 - 应用修复:将
fix_prompt粘贴至您的 AI 工具中,或在 GitHub 上审阅对应 PR
热门AI工具
相关专题
Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。
0
2026.10.28
Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。
0
2026.10.28
Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。
0
2026.10.28
本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。
0
2026.10.22
本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。
0
2026.10.22
本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。
0
2026.10.22
本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。
0
2026.10.22
本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。
0
2026.10.22
本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。
0
2026.10.22
热门下载
相关下载
精品课程
共6课时 | 12.1万人学习
共79课时 | 161.6万人学习
共6课时 | 54.7万人学习
最新文章