MCP ts
基于AST的TypeScript/JavaScript代码重构工具,支持编辑器集成。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:MCP ts。 它的用途是:基于AST的TypeScript/JavaScript代码重构工具,支持编辑器集成。 完整的 Skill 内容见:https://321skill.com/skills/mcp-ts/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘使用morph工具,帮我把这个大型React组件中的业务逻辑抽离成自定义Hook,并更新所有引用。’,它会分析组件AST,识别可抽离的逻辑,生成新的Hook文件,并安全地替换原组件中的代码。或者
对AI说:‘项目需要将所有的 `var` 声明改为 `const` 或 `let`,请用morph执行这个重构。’,它会遍历项目文件,在AST层面精准识别并替换变量声明关键字。
介绍
morph Refactoring Tools 是一款专注于TypeScript和JavaScript代码的自动化重构工具。它通过操作抽象语法树(AST)来实现精准的代码转换,解决了开发者在进行大规模代码重构时,手动修改容易出错、效率低下的问题。
该工具提供了一系列预置的重构操作,如重命名、提取函数、移动代码块等,并支持与主流编辑器集成。开发者可以通过调用其API或命令行工具,将复杂的重构任务自动化,确保代码变更的准确性和一致性。
它非常适合前端开发、后端开发以及全栈开发人员,尤其是那些需要维护大型或遗留代码库,并希望提升代码质量和开发效率的工程师。
使用前建议在小型项目或分支上进行测试,熟悉其操作模式。由于它直接操作AST,对于不熟悉AST概念的开发者,可能需要一定的学习成本。同时,复杂的自定义重构逻辑需要编写相应的转换脚本。
核心特点
与同类代码格式化或简单重命名工具不同,它提供了AST级别的精准操作能力,能够执行复杂且安全的代码结构转换。同时,其设计支持深度集成到编辑器和构建流程中,而非仅作为独立命令行工具。
注意事项
不适合用于非TypeScript/JavaScript项目,或仅需简单文本替换的场景。
常见问题
morph 和 Prettier 或 ESLint 有什么区别?
Prettier 专注于代码格式化,ESLint 检查代码问题,而 morph 专注于通过AST操作安全地重构和转换代码结构。
它能处理 JavaScript 代码吗?
可以,它同时支持 TypeScript 和 JavaScript 代码的AST操作与重构。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/mcp-ts/raw/index.md 读取 MCP ts 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/mcp-ts/raw/index.md(查看排版版本)