MxS
用Claude Code复活MeCell地图

用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条代谢通路、维基百科集成和导览功能。

插图本身仍然在维基共享资源上属于公共领域


附录:技术迁移

20162025
后端Symfony 3.2 + PHP 5.5.9无(静态优先)
数据库MySQL 5.7 + Doctrine ORM静态JSON文件
前端jQuery + Bootstrap 3 + OpenLayers 3原生ES2022+ + OpenLayers 8
构建工具Assetic + BowerVite 5
测试276个(Vitest + Playwright)

Claude Code:44次提交,新增1,388,451行,删除3,682行。