这是一段时间以来我用 Vibe Coding(自然语言描述需求,让 AI 生成代码)在自己的小服务器上快速搭出来的一批小工具。它们多数是 PHP + SQLite 的极简组合,部分搭配前端原生 JavaScript,覆盖日常记录、AI 创作、效率工具和实验性 demo。
把浏览器书签变成一张可平移、可缩放的可视化网格。
浏览器原生书签是树状列表,越攒越多之后很难一眼找到想要的页面。bookmarks 把所有书签铺到一个巨大的二维网格上,支持鼠标拖动平移、滚轮缩放、深色 / 浅色主题切换,点击直达。数据存在本地 SQLite,重新整理自己的"数字桌面"。
上传会议录音 → Whisper 转写 → 中英双语摘要 → 可检索的会议库。
Briefly 解决"开完会一周就忘了"的常见痛点。录音文件上传到 PHP 后端,Mac 主机上的 cron 调度 Python 进程每 30 秒拉取一次未处理任务,调用本地的 whisper.cpp 完成转写,再用 MiniMax LLM 生成中英对照摘要。最终文本入库到 SQLite(FTS5 全文索引),可以按时间、标签、关键词快速检索回听。
动态查看中国历代王朝的更替与疆域变迁。
china-history 把中国历史做成一条可交互的时间线:拖动时间轴即可看到每个朝代的起止年代,以及当时疆域在地图上的伸缩变化。每个朝代还罗列了代表性的人物与艺术作品,把抽象的历史变成直观、可视的反馈。
同一个时钟,多套主题(极简、像素、复古…),随时切换。
clock 不是一个单纯的"显示时间"的页面,而是一个"主题展示台"。所有主题放在 themes/ 目录下,每个主题一份独立的 CSS / 资源,运行时按 URL 参数或设置切换。可以挂在大屏上当数字时钟,也可以作为浏览器新标签页。
轻量的闪卡应用,适合单词 / 概念 / 问答的快速复习。
"Flash" 用极简界面实现间隔复习的核心循环:翻面、自我评估(记得 / 不记得)、下一张。支持自定义卡片组,导入 / 导出 CSV 卡片包,所有数据保存在 SQLite。设计上不追求"复杂记忆曲线算法",而是想做到"打开就能复习",所以更贴近日常随手背单词 / 背概念的使用。
轻量的"文件中转站",自动清理、不留痕迹。
类似 WeTransfer / 文叔叔,但更克制:上传文件 → 自动生成取件码 / 取件链接 → 对方下载 → 文件按策略自动过期删除。支持中英双语界面、容量与保存天数可配置。整站只用 PHP + 本地文件,无第三方依赖,适合小团队 / 朋友之间临时传一些不想进网盘的素材。
手机端 GPS 实时定位 + OpenStreetMap 轨迹回放。
基于浏览器 navigator.geolocation 的轨迹记录器。前端在手机端定时采集位置(5 米 / 3 秒以上才落点),批量上传到 PHP + SQLite;后台用 Leaflet 在 OSM 上回放完整轨迹,支持暂停 / 续录、重命名、删除、GPX 导入导出。移动 ≥ 5 米且时间 ≥ 3 秒才记录,避免静止时产生冗余数据。
追踪日常习惯(编码、阅读、运动…)并以月历形式可视化。
keep 是一款个人习惯打卡工具。注册账号后可以自定义若干习惯(编程、读书、跑步…),每天一键勾选完成;前端用月历视图把整月打卡密度直观展现,连续天数、断卡情况一目了然。后端用 SQLite 持久化,本地化部署保证数据隐私。
一个用 PHP 框架搭起来的相机 / 拍摄工作流。
与常见的"放几张图就完事"的展示页不同,light-cam 走的是一套相对完整的 MVC 目录:路由、控制器、视图、会话、配置分层清晰。它把相机相关功能(拍摄、归档、检索、导出)整理成了一条流水线,适合作为"小型图像业务"的基础框架模板。
手机即开即录的语音备忘录,可转写为文字。
极简风格的语音速记 PWA。打开页面即可一键录音,本地保存 + 上传到服务端,配合 transcribe.sh 调用转写服务生成文字版。所有记录按时间线展示,可回放、可搜索文字稿。整站按 PWA 标准做了 manifest 与图标,可"添加到主屏幕"当作系统 App 使用。
汇集个人用 AI 生成的所有音乐作品。
与 z-beat 偏向"创作过程"不同,music 是一个成品展示站。把自己在各类 AI 音乐工具上做出来的歌曲 / BGM 集中起来,按风格、心情、项目归档,提供在线试听、封面、歌词(如果有)。页面自带 PWA 能力,可以离线播放本地缓存的曲目。
基于 MiniMax image_generation 的 AI 图像生成与画廊管理。
完整对齐官方 OpenAPI 规范的文生图 + 图生图工作台。文生图支持 prompt、模型(image-01 / image-01-live)、宽高比、n 张数、seed、负向提示词、风格预设;图生图通过 subject_reference 上传单张主体参考图。所有生成结果会保存到本地画廊,并附带 prompt / 参数 / seed 等元数据,支持搜索、模式过滤、批量删除。
用摄像头捕捉你的动作,按屏幕提示摆姿势得分。
pose-pose 是一个打开即玩的网页体感小游戏。授权摄像头后,它实时捕捉你的肢体动作,屏幕上给出需要模仿的姿势提示;你摆得越像,匹配度越高,得分也越高。规则极简,主打轻松好玩。
个人日程管理,记录每日会议与待办,支持飞书同步。
pulse 是一个类 Google Calendar 的个人日程工具,用来记录每天的会议与待办。日程支持按月、按周切换视图;并接入了 OpenClaw,可以直接通过飞书更新和查阅日程,随手在聊天里就能维护自己的日历。
简洁的网页版二维码生成器。
一个把"文本 / URL / WiFi / 联系人"转成二维码的小工具。粘贴内容即可生成 PNG 或矢量 SVG,可自定义前景 / 背景色、容错等级、模块大小。零账号、零上传:纯前端或本地 PHP 生成,内容不离开浏览器或服务器。
记录重要日子与纪念日,倒数天数可视化提醒。
timely 是一个纪念日管理工具,帮你记下生日、纪念日等重要的日子。当某个日子临近时,它会以可视化的方式提醒你“还剩多少天”,让你不会错过任何一个值得记住的时刻。
记录你去过的地点,并在地图上可视化呈现足迹。
trace-map 用来收藏"我曾经到过的地方"。每到一个值得记住的地点——常去的咖啡馆、旅途中的城市、偶然发现的角落——就把它的 GPS 坐标存下来,配上名称与备注;前端在地图上把这些点逐一标注出来,一眼就能看到自己的足迹分布。与偏重连续轨迹的 gps-tracker 不同,trace-map 关注的是"离散的地点集合":不是记录你怎么走的,而是记录你去过哪里。
单租户、零依赖的网站访问监控(PV/UV/在线/GeoIP)。
一个完全自托管的轻量级站点统计工具。嵌入脚本小于 4KB,支持 SPA 路由切换、sendBeacon / fetch / 1×gif 兜底;后台提供总览、14 天趋势、站点管理、可视化嵌入代码;可选接入纯真 IP 库做国内 GeoIP 解析(IPv6 暂不支持)。SQLite 存储,单实例适合每日 100 万 PV 以下的小流量。
管理机动车的日常费用与油耗 / 电耗。
velo-track 基本对标知名的“小熊油耗”:记录机动车的各类日常开销(加油、充电、维修、保险等),并统计每月的油耗与电耗,综合呈现一辆车到底花了多少钱、能耗如何,帮助你看清爱车的真实使用成本。
浏览器里的 2D 虚拟空间,可漫步、可交互。
viverse 是一段"探索型"实验:在浏览器里用 2D 视角搭建一个可漫游的小世界,配合 php 后端处理账号、状态、存档。它不追求 3D 沉浸感,而是用低门槛的方式实现"在网页里走动 / 触发事件"的小乐趣。
一个跑在浏览器里的"虚拟桌面"环境。
workspace 把操作系统"桌面"的概念搬到了网页里:图标、窗口、任务栏、文件资源管理器一应俱全。后端基于自研轻量 PHP 框架(Router + Database + Logger + Template),整套逻辑在一个项目里走通,是非常不错的"手搓桌面"教学样本。
动态查看世界历史事件的演变。
world-history 是 china-history 的世界版:用同样的交互时间线呈现世界范围内的历史进程,拖动时间轴即可查看不同时期的重大事件与格局变化,帮助建立跨地区、跨文明的历史全局观。
对标 Claude Code 的本地 AI Agent:CLI + 工具调用 + 多轮循环。
z-agent 还在规划阶段(仅含 PLAN.md),但目标已经清晰:做一个本地、可深度定制的 AI Agent,参考 Claude Code / OpenClaw / Hermes 等项目的能力。计划分阶段迭代:Hello Agent → 流式输出 + 工具循环 → 上下文管理 → 文件编辑 → Skills / Slash 命令 → 子 Agent → MCP / Permission / Hook / TUI,最终形成一个"自托管版的 Claude Code"。
通过提示词生成 AI 音乐的创作工具。
"Z Beat" 把自己定位为"AI 鼓手":用户输入风格、情绪、节奏描述,后端调用音乐生成模型得到可播放的 Beat。支持试听、收藏、下载与历史版本管理,所有生成结果存档到本地,便于反复迭代同一首作品的多个版本。
"简易版 Photoshop":Canvas 实时预览 + PHP/GD 服务端处理。
一个无需安装的网页图片编辑器。前端用 HTML5 Canvas 完成所有实时绘制(毫秒级反馈),后端 PHP + GD 负责最终导出与格式转换(JPG / PNG / WebP)。内置画笔、橡皮、形状、文字、裁剪、吸管、12 种一键滤镜、亮度对比度饱和度、旋转翻转、撤销重做(30 步)等能力,可通过 Docker 一键部署。
基于 MiniMax TTS API 的文字转语音与声音克隆工作台。
一站式 TTS 工具:左侧栏分类管理 TTS 合成、声音库、克隆声音、历史记录与设置;主区域支持多模型(speech-2.8-hd 等)、音色选择、语速音量调节,并可以把自定义音频克隆为可复用的声音 ID。生成的音频可直接下载或加入历史库,便于二次调用。