Skip to content

【外滩大会2026】 #49

Description

@freemank1224

参赛项目名称

单词萌兽 | VOCAB-MONSTER

团队 / 作者

戴森方程式

我做了什么

我主要使用的是前端设计美化类Skill,以及数据库操作能力,因为我本人完全不懂前端和数据库,但这个网站是完全通过前端技术构建起来的。AI Coding 工具帮我实现了以下主要架构/功能的构建:

  • 后端数据库系统,基于Supabase;
  • 用户注册、登陆以及第三方登录入口的接入;
  • 个人成就系统、积分分、排行系统;
  • 英文单词自助添加与听写,这是本项目的基本功能的基本理念,及用键盘输入代替书写,磨练真正有用的技能;
  • 单词翻译服务的自动调用,为用户添加的单词自动查找中文释义并让用户选择当前最佳释义;
  • 符合人类遗忘规律的选词策略;
  • 九宫格限时听写功能,提供具有竞争属性的单词看图听写;
  • AI驱动的单词图片(GPT-image-2模型)生成、优化与存储;
  • AI驱动的TTS读音生成(MiniMax模型)与存储,以实现听写功能;
  • AI驱动的即兴场景设计与图像生成功能,为学习者提供新鲜有趣的游戏化看图写词和听写体验;

使用的工具

  • OpenWork / Claude Code / OpenCode
  • 百炼能力 / 模型:Qwen3-max
  • Skill 名称:前端设计美化,UI/UX 设计
  • 其他:

效果展示

这里只展示三个典型界面,剩余的功能欢迎亲自体验!

基本界面:
Image

九宫格字谜游戏模式
Image

完全AI驱动的情景默写模式效果图:
Image

百炼模型使用截图:
Image

项目链接(可选)

https://vocab-monster.xyz

踩坑记录(可选)

最大的坑就是,我个人能力的短板。
这个项目真正带给我的,并不是完成了一个我心想事成的APP,而是我自己的能力缺陷,真正的被AI填补了。我完全不懂数据库和前端设计,而我所构想的效果恰恰要通过前端技术才能得到最好的呈现,因此几乎所有的功能内容都是AI Coding工具帮我一点点做的,最终也得到了很好的呈现和较为稳定的使用效果!

Metadata

Metadata

Assignees

No one assigned

    Labels

    showcase提交的案例(待处理)外滩大会2026外滩大会 2026 参赛作品

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions