跳到主要内容
极客日志极客日志
首页博客AI提示词GitHub精选代理工具
搜索
|注册
博客列表
JavaScriptNode.jsAI大前端算法

基于 MCP 与 Skill 的前端 JS 逆向自动化落地方案

前端 JS 逆向常涉及繁琐的函数定位与代码编写。结合 Chrome DevTools MCP 与 Skill 规范可实现自动化分析。方案利用 AI 自动定位加密参数入口,生成 JSRPC 注入与 Flask 代理代码,支持 AntiDebug 反调试能力。配合 Burp autoDecoder 完成端到端联调,将半自动流程转化为高自动化操作,显著提升逆向效率。

道系青年发布于 2026/4/5更新于 2026/4/294 浏览
基于 MCP 与 Skill 的前端 JS 逆向自动化落地方案

js-reverse-automation--skill

结合 chrome-devtools-mcp 的能力并加上 Skill 的规范,实现 JSRPC+Flask+autoDecoder 方案的前端 JS 逆向自动化分析,提升 JS 逆向的效率。

适用场景

  • 需要快速落地前端签名/加密参数逆向
  • 需要将 js 逆向逻辑封装为可复用的代码
  • 需要与 Burp 配合进行抓包、改包

流程设计思路

针对 js 逆向中常用的远程调用法进行 js 逆向(如 JSRPC+Mitmproxy、JSRPC+Flask 等)中,初始配置阶段中面对的定位加密函数、编写注册代码、编写 python 代码等繁琐操作,通过引入 AI 的 MCP 和 Skill 技术进行赋能,让 AI 自动完成函数发现与注册代码生成,最终实现从'半自动'到'高自动'的跨越,人员全程只需下方指令,并最终配置一下 burp 即可完成 JS 逆向的全流程。

核心能力

  • 基于 MCP 连接真实浏览器,触发并跟踪 js 加密/签名链路
  • 自动定位 sign / enc / token 等关键参数生成入口
  • 自动生成 JSRPC 注入与注册代码
  • 自动生成 Python Flask 代理代码
  • 输出 Burp autoDecoder 对接说明,支持端到端联调
  • 支持 AntiDebug_Breaker 的 11 项反调试能力

项目结构

js-reverse-automation--skill/
├── README.md # 项目说明、使用方式、更新说明和结构说明。
├── SKILL.md # Skill 主控文件。只负责定义任务如何被触发、必须输入什么、流程怎么分阶段、输出和验收怎么要求。
├── agents/
│   └── openai.yaml # Skill 的 agent 入口配置。负责定义默认提示词、默认输入格式和执行约束。
├── artifacts/ # 运行期目录,用来承接流程中间产物和最终校验报告。预期会出现的文件如下:
│   ├── artifacts/phase0_input.json # 规范化后的输入
│   ├── artifacts/phase1_trace.json # 浏览器链路复现结果
│   ├── artifacts/phase2_entrypoints.json # 参数入口识别结果
│   ├── artifacts/phase3_dependencies.json # 依赖、上下文和调用方式提取结果
│   └── artifacts/validation_report.json # 最终校验报告
├── references/
│   ├── references/workflow-recon.md # 阶段流程说明书。
│   ├── references/output-contract.md # 输入输出契约说明书。
│   ├── references/failure-recovery.md # 失败恢复和诊断格式说明书。
│   ├── references/validation-checklist.md # 验收标准说明书。
│   └── references/antidebug/
│       ├── references/antidebug/debugger-loop.md # 处理无限 debugger、eval、Function 类问题。
│       ├── references/antidebug/console-detect.md # 处理控制台检测、日志篡改、清屏等问题。
│       ├── references/antidebug/timer-check.md # 处理时间差、性能计时、Promise 时序检测。
│       ├── references/antidebug/env-detect.md # 处理窗口大小、webdriver、UA、DevTools 检测等环境识别问题。
│       ├── references/antidebug/proxy-guard.md # 处理跳转、关闭页面、history、代理拦截等链路阻断问题。
│       └── references/antidebug/dynamic-alias.md # 处理动态别名、wrapper、resolver 型入口和不稳定路径。
└── scripts/
    ├── scripts/check_inputs.py # 输入校验器。
    ├── scripts/emit_analysis_result.py # 统一分析产物生成器。
    ├── scripts/emit_jsrpc_stub.py # JSRPC 代码生成器。
    ├── scripts/emit_flask_proxy.py # Flask 代理生成器。
    ├── scripts/emit_burp_doc.py # Burp autoDecoder 文档生成器。
    └── scripts/validate_artifacts.py # 全链路校验器。

使用示意

这边演示使用的是 codex5.3(其他平台同理)

  1. 下载 skills 放置在 codex 的 skills 目录中,mac 端的路径为 /Users/用户名/.codex/skills/

  2. 将 chrome-devtools-mcp 服务写进 Codex 的配置

codex mcp add chrome-devtools -- npx -y chrome-devtools-mcp@latest
  1. 修改 Codex 的配置文件 MAC 的在 ~/.codex/config.toml,添加如下字段
[mcp_servers.chrome-devtools]
command = "npx"
args = ["-y", "chrome-devtools-mcp@latest"]
  1. 检测是否生效

  2. 启动 mcp 服务,当看到打开浏览器后 MCP 服务就配置好了。

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \\ --remote-debugging-port=9222 \\ --remote-debugging-address=0.0.0.0
  1. 在 codex 客户端中使用该 skills

  2. 输入所需要的信息

1、目标网址(完整 URL):
2、需要分析的加密参数名(如 sign / enc / token):
3、可复现请求示例(优先给 fetch/抓包原始请求):
4、环境限制(浏览器版本、是否需要代理/插件、是否允许注入):
  1. 等待程序运行完成即可

效果检验

  1. 启动 JSRPC

  2. 在浏览器开发者工具的 Console 中,执行 JSRpc 项目中的 JsEnv_Dev.js 文件内容。

  3. 在控制台注入 AI 生成的 jsrpc_inject_hr_ncu_password.js。

  4. 测试 jsrpc 调用函数是否正常,可以看到是没问题的。

http://127.0.0.1:12080/go?group=fausto&action=generate_password_md5&param=111111
  1. 运行 flask_proxy_hr_ncu.py

  2. 测试 Flask 是否可以正常加密,可以看到也是没问题的。

curl -X POST http://127.0.0.1:8888/encode \\
-H "Content-Type: application/x-www-form-urlencoded" \\
--data-urlencode "dataBody=username=111111&password=111111&code=1234&role=000002"
  1. 最后根据 Burp autoDecoder 配置说明配置 burp 的 autoDecoder 插件,也成功加密了参数,整体成功运行完成

引用工具

  • JsRpc
  • autoDecoder
  • chrome-devtools-mcp
  • AntiDebug

目录

  1. js-reverse-automation--skill
  2. 适用场景
  3. 流程设计思路
  4. 核心能力
  5. 项目结构
  6. 使用示意
  7. 效果检验
  8. 引用工具
  • 💰 8折买阿里云服务器限时8折了解详情
  • 💰 8折买阿里云服务器限时8折购买
  • 🦞 5分钟部署阿里云小龙虾了解详情
  • 🤖 一键搭建Deepseek满血版了解详情
  • 一键打造专属AI 智能体了解详情
极客日志微信公众号二维码

微信扫一扫,关注极客日志

微信公众号「极客日志V2」,在微信中扫描左侧二维码关注。展示文案:极客日志V2 zeeklog

更多推荐文章

查看全部
  • Ubuntu 搭建 PX4 无人机仿真环境 (ROS2 Humble + Micro XRCE-DDS)
  • 使用 OpenClaw 和飞书搭建多 Agent AI 助理团队
  • STM32CubeMX 部署 AI 模型全流程指南
  • 网络安全入门指南:成为安全工程师需掌握的五大核心能力
  • Python 与 Jupyter Notebook 数据可视化入门
  • 仓颉语言 MVVM 架构实现与现代 UI 最佳实践
  • GitHub 学生开发者认证指南与配置流程
  • GitHub 44K Star Skills:开源智能体技能库与自定义开发指南
  • GitHub 热门开源项目日榜精选 (2026-01-10)
  • K-RagRec:基于知识图谱检索增强生成的 LLM 推荐系统
  • HivisionIDPhotos 开源 AI 证件照工具功能解析与部署指南
  • Linux 系统下 Node.js 与 Codex 安装排错指南
  • 麦橘超然(MajicFLUX)AI 绘画镜像部署与实测指南
  • 一次性搞懂 AIGC:22 个核心概念解析
  • Android 开发常见知识点与最佳实践整理
  • 基于大模型与知识库的 Code Review 自动化实践
  • AI 写作中如何避免参考文献“幻觉”问题
  • 前端与服务器时间同步方法及 Vue3 实现示例
  • 谷歌发布医学大模型 Med-Gemini,多项基准测试表现优异
  • 前端地图开发基础:服务类型、坐标系与 SDK 选型

相关免费在线工具

  • 加密/解密文本

    使用加密算法(如AES、TripleDES、Rabbit或RC4)加密和解密文本明文。 在线工具,加密/解密文本在线工具,online

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Gemini 图片去水印

    基于开源反向 Alpha 混合算法去除 Gemini/Nano Banana 图片水印,支持批量处理与下载。 在线工具,Gemini 图片去水印在线工具,online

  • Keycode 信息

    查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online