React 官方开源编译器移植 Skill：让 AI 把 TypeScript 代码自动变成 Rust

React 团队最近开源了一个很有意思的 Skill——compiler-port。它的作用就一件事：把 React 编译器的 TypeScript 代码移植成 Rust。

你没看错，不是让你手动干，是让 AI Agent 帮你移植。整个流程是自动化的：

• 给一个 pass 名字，比如 PruneMaybeThrows 或 SSA
• 它先验证这个名字对不对、属于哪类 pass（HIR 还是 reactive）
• 再根据 TS 文件路径自动找到对应的 Rust crate
• 收集上下文：架构文档、pass 文档、TS 源码、Rust pipeline 文件
• 生成移植计划，呈现给你
• 然后启动 subagent 开始实际移植，执行 test-fix 循环直到全部通过
• 最后跑一轮 compiler-review 审查，确认没问题

它是怎么工作的？

React 编译器本身的架构已经迁移到了 Rust，但旧的 TypeScript pass 还在。这个 Skill 就是用来填这个坑的。它内置了一个 TS → Rust 的路径映射表：

• src/HIR/ → react_compiler_hir
• src/ReactiveScopes/ → react_compiler_reactive_scopes
• src/Optimization/ → react_compiler_optimization

所以当你指定 pass 名字，Skill 自动知道往哪个 crate 里写代码、怎么接到 pipeline 里。它还会检查这个 pass 是否已经被移植过了，避免重复劳动。

为什么这个 Skill 值得关注？

不只是给 React 开发者用的。这个 Skill 展示了一种用 AI 做代码迁移的新范式：

• 不再是”整段 rewrite”，而是渐进式移植，每次一个 pass
• AI 自动处理 test-fix 循环，不用人工盯着
• 审查环节独立，专门用另一个 Skill（compiler-review）来把关

如果你在维护一个需要多语言迁移的大型 Codebase，这个思路可以直接抄。

怎么用？

在支持 Agent Skills 的工具里（Claude Code、Codex 等），直接调用 compiler-port Skill，然后传入你想移植的 pass 名字即可。剩下的全部交给 AI。

React 官方出品，Star 数 247k，质量有保证。

GitHub 地址 →

GitHub: https://github.com/react/react/tree/main/compiler/.claude/skills/compiler-port