Codemend

Polar Sponsor
爱发电 赞助
.NET 9.0

监控、报告并获取针对 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();

典型工作流

  1. 按上述方式在项目中配置错误监控
  2. 错误将被自动捕获并发送至 Codemend
  3. 调用 list_errors 查看最近的错误列表
  4. 调用 get_fix 获取 AI 生成的修复方案
  5. 应用修复:将 fix_prompt 粘贴至您的 AI 工具中,或在 GitHub 上审阅对应 PR

相关专题

更多
Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

2026.10.28

0

16

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

2026.10.28

0

15

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

2026.10.28

0

10

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

2026.10.22

0

11

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

2026.10.22

0

10

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

2026.10.22

0

15

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

2026.10.22

0

10

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

2026.10.22

0

25

Golangci-lint配置文件与规则设置
Golangci-lint配置文件与规则设置

本专题聚焦Golangci-lint YAML配置文件,讲清运行参数、规则启停、目录排除、问题过滤及严重级别设置,便于团队统一检查标准。

2026.10.22

0

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 134.1万人学习