Elliot Yang 的动态

这周一直在实践 SpecKit （宪章 -> 需求澄清 -> 技术方案 -> 编码 -> 检查改进） 规范 AI 编程，尝试不写代码来构建一个复杂一点的应用。

题目是：使用“mediabunny”构建一个音视频格式转换的网页应用，不使用服务端和 FFMPEG.wasm。

选用“mediabunny”的原因是：新出现的 npm 库大模型的知识库里边没具体知识，模型必须使用工具才能完成。

最终能交作业的模型是 Codex 和 Sonnet 4.5。Codex 的 UI 挺好的，Sonnet 4.5 做出来了，但是 UI 太 AI 了。

Codex 做出来的效果：https://format-studio.run-on.workers.dev/

其他模型 GLM 4.6 、M2、KAT-Coder 都未完成作业。能进入编码阶段的是 GLM 4.6，但是代码里边一堆 document 导致 Next.js 报错太多就没往下走了。M2、KAT-Coder 在技术方案阶段没满意的产出，有的是工具不调用、有的是不听话。

K2、Qwen、DeepSeek 没测试，提示词和方法放下面👇了，你们有兴趣可以自己测试，或者复现 Codex 的作业。

测试工具：

SpecKit + Claude Code / Codex

配置 MCP:

deepwiki 和 context7

预置条件：

初始化 Next.js 16 和 shadcn-ui 。

初始化 SpecKit 配置。

原始提示词：

1请使用开源库 mediabunny 实现一个名叫 "Format Studio" 的网页应用, 类似很多年前 Windows 中的"格式工厂"这款软件, 可以转换视频文件和音频文件格式。
2
3纯前端应用，无任何服务端依赖。
4
5必须使用 mediabunny 的功能, 不要使用 FFMpeg.wasm 做降级。
6
7如果你不熟悉 mediabunny， 可以使用 deepwiki 和 context7 调研 mediabunny 后，完成后续任务。
8
9参考资料：
10
11<a href="https://github.com/Vanilagy/mediabunny">https://github.com/Vanilagy/mediabunny</a> 
12
13<a href="https://mediabunny.dev/guide/converting-media-files">https://mediabunny.dev/guide/converting-media-files</a>