小众需求:键盘快捷键示意图制作

之前在网上看到下面这样的键盘快捷键示意图,感觉挺好看的,但是我搜遍全网没找到这个的制作网站,恰好手里有一个腾讯送的两周试用的 codebuddy pro ,于是想试一下完全用 ai 能不能写出来。

先放最终的成品,mpv常用快捷键

网址:

没有后端,前端几乎都是 ai 帮写的,少量的人工介入,但是有两个地方 ai 解决的比较差:

  1. 键盘的布局,ai不会把键盘对齐
  2. 气泡不会定位

最开始生成的键盘布局是下面这样的,可以看出他是知道怎么做的,但是就是没做好,之后是我手动一点点给对齐了

他这个气泡定位,也是偏移过大,估计是按绝对定位进行定位,用大白话提醒了几次都没校正对,最后告诉他在键位上创建个ID,然后查找元素ID来相对定位气泡,才做好了

还有一些其他的问题,都是一些小问题了,给他一个明确的修改意见,他都能做的差不多

做完修改完之后,额度就剩一点了,用完发现国内……好像现在是免费的!!!

下载国际的 codebuddy 可以免费领一个月轻量服务器,CodeBuddy × 腾讯云 Lighthouse - 定义AI开发-部署新速度

然后用这一个月的服务器,可以去领 cnb 的特权,再续3个月服务器,CNB x Lighthouse联合解决方案

好像和你需求差不多的项目

看着眼熟,果然有 【开发者自荐】键谱:一个记录、展示快捷键的本机网页应用(V3啦)

:grinning_face_with_smiling_eyes:

示例图看上去好乱。。。要是我就直接吓跑了

又重复造轮子了 :rofl: :face_with_tongue:

还不错,适合放操作界面

codebuddy ?可以直接cnb云开发无ai配额限制的.开发好了部署github pages服务器也免了

cnb 不是 pro