用Claude Code复活MeCell地图
去年我写过关于将MeCell放入公共领域并结束那个篇章的文章。插图被保留了下来,但交互式的Google Maps风格网站已经废弃多年。Symfony 3.2生命周期结束。PHP 5.5.9。硬编码的凭据。运行一个本质上是静态可视化的东西需要一整套LAMP技术栈。
我以为它已经永远消失了。
然后,一个晚上用了Claude Code,它就回来了。
发生了什么
我将Claude Code指向旧的代码仓库,让它思考一个重构计划。接下来发生的事情真的令人惊讶:44次提交,从PHP/MySQL后端到现代静态优先架构的完整迁移,编写了276个测试,以及一个部署到mecellmaps.mxschons.com的可工作原型。
原始代码库大约有65,000行遗留的PHP和Twig模板。新版本大约有12,700行原生JavaScript,使用OpenLayers 8,支持离线PWA,以及2016年版本从未有过的无障碍功能。
我总共大约给了10-15个提示。其余的都是按照它自己生成的计划自主执行的。
为什么这对我很重要
我在医学院期间花了超过1,000个小时创作那张细胞地图。看着它变得无法访问就像失去了什么东西。一个月的重构工作永远不会在实际工作之余发生。
一个晚上却可以。
白天从事AI风险缓解工作,晚上看着一个AI代理复活一个热情项目,这有一种诗意。这种能力是双刃剑,我认为我们需要同时接受两个事实:这项技术很强大,它可以做出美好的事物,而这正是为什么做对它很重要。
试试看
在mecellmaps.mxschons.com上探索交互式细胞地图。包含所有537个结构、10条代谢通路、维基百科集成和导览功能。
插图本身仍然在维基共享资源上属于公共领域。
附录:技术迁移
| 2016 | 2025 | |
|---|---|---|
| 后端 | Symfony 3.2 + PHP 5.5.9 | 无(静态优先) |
| 数据库 | MySQL 5.7 + Doctrine ORM | 静态JSON文件 |
| 前端 | jQuery + Bootstrap 3 + OpenLayers 3 | 原生ES2022+ + OpenLayers 8 |
| 构建工具 | Assetic + Bower | Vite 5 |
| 测试 | 无 | 276个(Vitest + Playwright) |
Claude Code:44次提交,新增1,388,451行,删除3,682行。