互动应用集合。和 Showcases 的”静态 deck”不同,这里的每一个都是带后端逻辑或重交互的 SPA。配图均为应用实际界面截图。

  • Model Arena 排名页:17 个模型的通过/无瑕通过/答对三列并排,附耗时与 token 条形图

    Model Arena · 工具调用测评场

    给「经第三方网关跑的 agent」做工具调用能力横评。受限工具集(只放行 Read / Grep / Glob + 一个白名单 MCP)+ 18 题四档题库 + 自动判分 + 实时进度的 Web UI。

    题库跑在一个自包含的样例工作区上,标准答案由生成器从数据结构实算、再回磁盘对账(不一致直接报错退出),所以判分可以全自动。工作区里处处埋雷——大小写变体文件名、更长的近似标记、.bak 备份、归档区的假模块、一个故意返回过期缓存值的工具——每个雷对应一类真实的 agent 失败模式。

    仓库带了 2026-07-25 那次 17 模型实测的全部原始数据,每道题保留模型原始回答与完整工具调用序列,可以用别的判据 --rescore 复判而不必重跑。相关的两个发现写在这篇文章里:同一个模型换条通道走分数能差一倍;「畸形工具调用」看着像模型不行、其实不是。

    源代码(MIT 开源)

    技术栈:Python 纯 stdlib(唯一第三方依赖是 claude-agent-sdk)+ 原生 HTML/CSS/JS,零构建、零 CDN、主题自适应。不限某一种网关——任何暴露 Anthropic Messages 协议 /v1/messages 的网关都能接。

    上线时间:2026-07-25。

  • 智能工具箱界面拼贴:首页计时组、运行中圆形进度盘、编辑串联步骤

    智能工具箱 · Smart Toolbox

    本地优先的原生 Android 工具箱。第一个工具是智能计时器:把热身 → 专注 → 收尾这类重复步骤串成一组,点一次开始,响铃后自动衔接下一段。不需要账号,不需要网络。

    普通倒计时(1 / 3 / 5 / 10 / 25 分钟快捷键 + 自定义)和串联计时组并存。运行中可暂停、跳过、加 1 分钟;锁屏时前台通知显示剩余时间,系统精确闹钟负责阶段切换——Doze 下也能准点响铃。所有配置只写 SharedPreferences,进程被系统回收后也能从本地状态恢复。

    源代码(MIT 开源,./gradlew assembleDebug 即出 APK)

    技术栈:Java 17 + Android SDK 36,纯原生 View,零第三方运行时依赖TimerService 前台服务 + AlarmManager.setExactAndAllowWhileIdleUSE_EXACT_ALARM 专用于计时器核心闹钟。无 INTERNET 权限。

    上线时间:2026-07-20。

  • BODHI 制片人预览板实际界面:左侧导航 + 镜次面板里一格格电影级镜头卡,每张标着选用 take 和单镜花费

    BODHI 制片人预览板 (bodhi-web)

    一个人用 AI 拍佛经故事电视剧,靠这块只读制片台把上千次零散生成拢成一部可追溯、可续跑的成片。不是数据库,直接读项目自己的账本。

    13 个视图覆盖整条流水线:镜次面板(每镜的选用 take / 帧数 / 单镜成本 / 筛选)、角色库(锁定定妆 + 身份配色 + 跨集一致性)、场记一致性(逐场光线 / 在场人物 / 服化道,从账本回生)、预算(按 stage / 按集 / top 单镜)、运行日志(append-only runs.jsonl,每次生成的 prompt / 参考图 / 成本 / 产物 sha)、剧情分镜、活动时间线…… 这块板是 E01 恒伽达整集(17 分钟 / 122 镜 / 800+ 次生成)的真实快照。

    打开只读 dashboard(公开演示,完整一集) → 源代码 bodhi-pipeline(MIT 开源:项目 CLI + 这块 dashboard)

    技术栈:后端零重依赖——Python 标准库 + Pillow(缩略图),不接数据库、直接读 runs.jsonl / 状态账本;前端原生 JS + Tailwind。export_static.py 把跑着的只读板烘成一个纯静态站(强制只读、抹掉所有编辑入口、把查询端点烤成静态 JSON、只拷被 API 引用的媒体),nginx + certbot 托管,这个公开演示就是这么来的。

    上线时间:2026-06-21。

  • 翻箱 Web 版实际界面:左侧文件网格 + 底部内嵌终端正在跑命令

    翻箱 Web 版 (fork 花叔作品)

    文件管理 × AI agent 终端,一个浏览器标签页搞定。Fork 自花叔的 FanBox,把桌面版能力搬进浏览器:左边浏览/预览/编辑文件,右下角真终端里跑 Claude Code,agent 每改一个文件,对应卡片实时点亮。

    本 fork 定位「服务端跑在 WSL,Windows 浏览器访问」——agent 原生跑 Linux,打开/定位文件自动交还 Windows 资源管理器。在上游之上做了三件事:终端会话刷新不丢(pty 断开后脱管保活 30 分钟 + 输出缓冲回放,跑一半的 Claude Code 不被刷新腰斩)、zip 预览中文文件名乱码修复(自解析 central directory + GBK 回退,反哺上游 #9)、透明图缩略图陈旧缓存击穿(上游 #1)。

    源代码(MIT 开源,fork 自 alchaincyf/fanbox)

    技术栈:零依赖 Node 服务端(唯一原生依赖 node-pty 按「装得上就用」处理,装不上其余功能照常)+ 原生 JS 前端 + xterm.js;WebSocket TTY 透传、SSE 文件变化推送、OSC 7 目录跟随。npm install --omit=dev && npm start 即用。

    上线时间:2026-06-11。

  • Claude Web Terminal 实际界面:浏览器里的 Claude Code 多窗口会话

    Claude Web Terminal

    在浏览器里跑 Claude Code(或任意 shell)。服务端把伪终端(PTY)通过 WebSocket 桥到 xterm.js,Claude 的全交互 TUI——菜单、方向键选择、流式输出——和真终端一模一样。手机、平板、任何浏览器都能远程接管同一个会话。

    多窗口分页,随手增删;每个窗口由 tmux 托管,所以关掉标签页、重启服务、甚至重启整台机器后,会话依然在跑,重新打开就接回原处。记常用工作目录、用户名密码登录(HTTP + WebSocket 双重 cookie 鉴权)、xterm 本地打包(不依赖 CDN,弱网/被墙也能开)。

    打开 Claude Web Terminal(私人部署,需账号密码) → 源代码(MIT 开源)

    技术栈:Node + node-pty + ws + express 后端,原生 JS + xterm.js 前端,tmux 做会话持久层;nginx 反代 + TLS + systemd 自启。开箱即用的 systemd unit 和 nginx 配置都在仓库 deploy/

  • English Interview Drill 实际界面

    English Interview · Drill

    英语口语面试训练器:抽题 → 对着麦克风说 → 实时转写 → AI 按面试官标准逐维度评分、给出改进版范答,还能和 AI 面试官多轮对练、观摩两个 AI 互相面试。全方位主题(自我介绍 / 行为面 / 系统设计 / 谈薪…),手机即开即用,为外企英面而生。

    打开 Interview Drill(私人 demo,需带访问 token) → 源代码

    技术栈:FastAPI 后端 + React/Tailwind 前端(预编译、全资源同域自托管)。LLM 走 DeepSeek V4,STT 以浏览器 Web Speech 实时转写为主、faster-whisper base.en 服务器兜底,TTS 走 Microsoft Edge Neural(英 / 印口音,对练模式双声线)。鉴权 + nginx 限流防白嫖。

    上线时间:2026-05-28;2026-06 加全方位主题 + 一键范答 + AI 对练观摩,前端改同域自托管。

  • Cue 影视配乐入门实际界面:情绪光谱

    Cue · 影视配乐入门

    给小白做导演的配乐速通课。可听 > 可读——每一个名词都能在一秒内播出来。

    12 情绪光谱 + 20 件乐器图鉴(每件配 cinematic 肖像 + 真采样 + 影视范例)+ 5 部经典片段五轨拆解(Jaws / 卧虎藏龙 / Psycho / Interstellar / 教父)+ 入门 5 课 + 41 条术语手册 + 配乐试听台 Sandbox。

    打开 Cue

    技术栈:Vite + React + Tailwind + Tone.js + Howler。乐器采样来自 Philharmonia Orchestra Samples(CC-BY-NC)+ FluidR3_GM;场景 MX 真录音由 MiniMax music-1.5 生成;27 张视觉资产由 Dreamina 5.0 生成。

    上线时间:2026-05-12。