PORTFOLIO & NOTES 2025—2026

语言学 × 产品设计 × 全栈开发

从语言学习、校园社交,到自己的复习工具。
从想法打磨,到设计和完整开发。

看我的作品
PORTFOLIO / LION YU
SELECTED WORK / 012025.01 至今
● ● ●fluentide.com
Fluentide 中文学习版真实首页
WEB + iOS内容 → 难度改写 → 学习播客

AI 语言学习

Fluentide

把自己想看的内容,做成适合学习的播客

联合创始人 & CPO

给用户提供量大、相关、他自己感兴趣的输入,同时根据他的水平定制化调整难度,精准匹配 i+1。产品入口很简单,贴一个链接,或者输入一个感兴趣的话题,选一个难度等级。

我参与定义了早期的四级难度体系,把句长、词汇范围和讲解深度写进了提示词,同时搭起了从内容抓取、改写到语音合成的完整工作流。界面和 API 集成也由我参与完成。

Web 与 iOS 已上线从早期英语学习,转向面向海外的中文学习
01 / 04
SELECTED WORK / 022026.08
花托邦手绘花园场景原画
愿望澄清界面:小花匠询问时间地点和同行偏好双方 Agent 沟通记录界面
GARDEN / INTERFACE比赛 demo · 模拟同行者

AI 校园社交

花托邦

想和别人一起做的事,在花园里种下来

产品构思 · 视觉与交互 · 全栈开发 · 主要路演演示

围绕「行动即社交」,有了做事的想法,发起组局和邀请,找到同行者,双方的 Agent 沟通匹配需求,AI 推进事件进度,两个人共同完成以后,这段经历沉淀为花园里的一朵花。

我负责整体视觉、UI/UX 和完整前端,把 AI 的沟通记录、候选选择和行动约定拆成三个分开呈现的步骤。用户自己选同行者,双方各自确认安排,后端根据这些确认记录判断植物的生长阶段。

全国总决赛 · 双奖AI 能力运用与技术路径奖 / 创意亮点与惊喜感奖
02 / 04
SELECTED WORK / 032026.07 至 08
Style Capture 真实数字衣橱与搭配页面
H5 / DIGITAL WARDROBE数字衣橱 → 搭配 → 试穿

AI 数字衣橱

Style Capture

收藏一套穿搭以后,试试自己的衣服能怎么搭

产品构思 · 视觉与交互 · 全栈开发(偏前端)

用户保存一件单品或一套穿搭以后,可以和衣橱里的衣服搭配、预览真人试穿效果,觉得合适就在小程序内一键跳转购买链接。

我从初赛起参与 idea 和流程讨论,负责整体视觉、UI/UX、完整 H5 前端以及前后端合并。界面我做了像素风格的衣橱作为浏览入口,点进详情时切换到真实单品图和试穿结果。

赛道 4 · 全国三等奖异步处理与前置生成,让用户继续浏览
03 / 04
SELECTED WORK / 042025.01
● ● ●字幕预览与导出
智云课堂字幕预览与导出界面
发布帖进入校内十大热帖的历史截图
OPEN SOURCE / CHROMETXT · WORD · MARKDOWN

Chrome 开源插件

智云课堂
字幕导出

期末复习,我想把课堂字幕导出来给 AI 整理

独立产品设计与开发

快考试了,智云课堂自带的导出功能不太好用,我想把字幕拿出来,去掉时间戳,存成文档,再交给 AI 整理课堂笔记。要做的事情很明确,就试着用 Cursor 写了一个浏览器插件。

插件提供中文、英文和双语三个选项,格式可以选 TXT、Word 或 Markdown。发布以后,我根据同学的反馈继续做适配,让插件支持东西区和北校区的课程页面。

校内论坛 · 十大热帖历史截图记录:5,768 次阅读 / 97 个赞 / 17 条评论
04 / 04

PHOTOGRAPHS

日常

照片墙 ↗
校园草坪前,戴着耳机的我和身后的建筑
蓝天前,戴着墨镜向镜头比耶
暖色灯光下,站在建筑门口抬头张望