network-request-twister
拦截、观察和修改浏览器网络请求与响应
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：network-request-twister。 它的用途是：拦截、观察和修改浏览器网络请求与响应 完整的 Skill 内容见：https://321skill.com/skills/network-request-twister/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我看一下这个电商网站首页加载时发了哪些API请求，并把那个返回商品列表的API的返回值改成我准备好的测试数据。'，它会先展示捕获到的所有网络请求，然后定位到目标API，将其响应体替换为你提供的JSON数据，从而让你在页面上看到修改后的商品列表。
介绍
当你在开发、测试或调试网页应用时，常常需要观察网站发送了哪些请求，或者模拟特定的网络环境来测试应用行为。这个 Skill 就像一个内置在 AI 助手里的网络抓包与修改工具，让你无需离开对话窗口就能直接操作浏览器的网络流量。
它通过调用 Chrome DevTools Protocol (CDP) 等底层接口，允许你实时监控 HTTP/HTTPS 请求与响应，拦截特定请求并修改其内容，或者直接注入自定义脚本。例如，你可以将某个 API 的返回值替换成预设的假数据，来测试前端在不同数据下的表现。
这个 Skill 非常适合前端开发、测试工程师和全栈开发者。无论你是想屏蔽页面上的谷歌统计代码以加速本地开发，还是需要模拟 API 返回错误状态码来测试应用的容错能力，它都能提供强大的支持。
使用前请确保你的 AI 助手（如 Claude Desktop）已正确配置并连接到可控制的浏览器实例。请注意，修改网络请求可能影响网站的正常功能，建议仅在开发、测试或本地调试环境中使用，避免在生产环境或他人网站上随意操作。
核心特点
与同类网络调试工具相比，它深度集成在 AI 对话中，允许用户用自然语言（如“帮我看这个网站发了什么请求”）直接触发复杂的网络操作，无需手动编写拦截规则或切换工具界面。
注意事项
不适合在生产环境或不可控的浏览器中直接修改关键业务请求，可能导致功能异常。
常见问题
这个技能能屏蔽网页广告吗？
可以，通过拦截和阻止广告相关的网络请求来实现屏蔽效果。
可以用来修改其他网站的页面内容吗？
技术上可以，但请仅用于授权的测试或开发环境，尊重网站所有者权益。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/network-request-twister/raw/index.md 读取 network-request-twister 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/network-request-twister/raw/index.md（查看排版版本）