claude-debug-and-refactor-skills-plugin
针对45种主流框架的自动化调试与重构技能集合
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：claude-debug-and-refactor-skills-plugin。 它的用途是：针对45种主流框架的自动化调试与重构技能集合 完整的 Skill 内容见：https://321skill.com/skills/claude-debug-and-refactor-skills-plugin/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我的Next.js应用出现了Hydration错误，页面闪烁。” 它会自动识别Next.js上下文，触发`debug:nextjs`技能，分析您的组件代码，指出可能导致服务端渲染与客户端渲染内容不匹配的原因，并提供修复建议。或者，当您打开一个陈旧的Angular项目时，AI可能会主动建议：“检测到您在使用旧版的Angular模块，是否要使用`refactor:angular`技能将其迁移到最新的独立组件和Signals API？”
介绍
Claude Debug and Refactor Skills Plugin 是一个专为 Claude Code 设计的技能插件，旨在解决开发者在面对不同技术栈时，调试和重构代码的通用痛点。它通过分析代码库上下文，自动触发对应的框架特定技能，无需手动指定，即可提供精准的代码问题诊断和优化建议。
插件提供了两种主要安装方式：通过 Claude 插件市场一键安装最为便捷；也支持通过 Git 克隆或手动复制文件到本地技能目录进行安装，适合有定制化需求的用户。安装后，技能会根据您正在处理的代码文件类型（如 Angular、Django、React 等）自动激活。
该插件非常适合前端开发、后端开发和全栈开发等角色，尤其是那些需要在多个项目、多种技术栈之间切换，或者需要快速定位复杂框架特有问题的开发者。它就像一个内置的资深架构师，能即时提供框架层面的最佳实践指导。
使用建议：建议在项目开发中期或维护期使用，当遇到框架层面的疑难杂症时效果最佳。注意，它主要提供诊断和重构建议，最终的代码修改和验证仍需开发者结合具体业务逻辑来完成。对于非常小众或自定义的框架，其技能可能无法覆盖。
核心特点
与通用调试工具不同，它深度集成了45种特定框架（如Angular、Django、Kubernetes）的上下文感知能力，能自动识别代码库环境并触发最相关的技能，无需开发者手动切换或记忆命令。
注意事项
不适合处理与特定业务逻辑紧密耦合、或所用框架极其小众的自定义代码问题。
常见问题
这个插件支持哪些编程语言和框架？
支持包括 Angular, Django, Docker, .NET, Express, FastAPI, Flutter, Kubernetes, Laravel, Next.js, PyTorch, Rails, React, Spring Boot, TensorFlow, Vue 等在内的45种主流框架和语言。
技能是如何触发的？需要我手动调用吗？
不需要，插件会根据您打开的代码文件或项目上下文自动分析并触发最匹配的调试或重构技能。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/claude-debug-and-refactor-skills-plugin/raw/index.md 读取 claude-debug-and-refactor-skills-plugin 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/claude-debug-and-refactor-skills-plugin/raw/index.md（查看排版版本）