AI时代, VIX - 写给非软件从业者的Claude Code应用场景一：整理图片，Part III
前置文章：
Part I：AI时代, VII - 写给非软件从业者的Claude Code应用场景一：整理图片，Part I
Part II：AI时代, VIII - 写给非软件从业者的Claude Code应用场景一：整理图片，Part II
现在已经有个可以运行的“图片管理器”了。现在来丰富其功能。
让图片管理器可运行
先确认图片管理器的运行模式。输入指令：
在子目录docs下有个文件index.html用来作为图片管理器，该文件可以直接访问还是需要跑在一个HTTP 的server里面？
得到答复：
通过运行特定指令来启动这个程序，显然不是一个理想的方案，这个问题就交给Claude Code吧：
对于非技术背景人员来说，执行命令来启动服务器太不友好了。
这次，它提供了三个选项。但是我选择了让它创建一个ps1文件，如果不介意bat文件和ps1文件，那么bat文件的方案也足够简单了。
呃，然而Claude Code考虑得比我更详细，所以即便写了ps1文件，它很贴心地考虑到ps1文件其实无法双击运行，所以——它又写了一个bat文件包装了一下。
这时候，我们需要做的事情是测试。譬如我双击了启动图片浏览器.bat，没有反应。那就直接问它：
首先，修改文件名为启动图片管理器。其次，双击bat文件后，没有反应。
结果，经过数轮Yes/No的选择之后，Claude Code终于搞定了：
让图片管理器可用
如果仔细看上面创建这个图片管理器时，Claude Code其实给了三个选项，第一个选项是直接见JSON文件嵌入到HTML页面，这样的好处是不需要额外的服务器。但是我们没有选择这个选项，是因为我们需要对文件执行操作（删除，压缩等等），这是一个简单的HTML做不到。
现在分步拆解这个图片管理器的功能。
功能一，可以查看图片的缩略图
如果仔细看Part II：AI时代, VIII - 写给非软件从业者的Claude Code应用场景一：整理图片，Part II最后的截图，这个图片管理器中的图片缩略图全都显示不出来了，所以我们要修复这个问题。
因为Claude Code等AI工具的灵活性，所以，我这里的示例中出现了这个问题，并不代表，这个问题每次都会出现。但你可能会遇到另外的问题——譬如，我这个示例中，Claude Code默认做好了分页功能（原指令中并没有明确要求），但你的示例中可能会缺少这个功能或是别的类型的问题。
输入指令：
在打开的图片管理器中，所有的图片的缩略图都显示不出来了
如果你不会描述你遇到的问题，也可以直接截图给它。前提是，你使用的模型，支持视觉识别。
又是几个来回的Yes/No，最终：
打开浏览器，验收通过！
功能二，排序
排序是第二个需要添加的功能。显然，只需要在特定的列上添加排序功能。
输入：
现在为table的列添加排序功能：文件大小，日期和名词。
运行一下，又是一堆的代码修改和数个Yes/No：
完成之后，现在浏览器的结果：
后续文章：
Part IV：TBD
是为之记。
Alva Chien
2026.06.08
