Hope Joins the Quest

CREATIVE PORTFOLIO

EST. 2026

MINIMAL & BOLD

Scroll Down to Explore

DEVELOP

SYSTEM

TECHNOLOGY

FUTURELAB

FRONTEND

DESIGN

INTERACTIVE

CREATIVELAB

WHO AM I

CODE

CODE技术栈与工程

专注于构建高效、优雅的软件系统。深耕 TypeScript 强类型系统与前端工程化，同时利用 Python 赋能后端开发、数据处理与效率工具。

01 / 技术栈TypeScript, JavaScript, Python

02 / 工程实践Next.js, Tailwind CSS, 动效引擎

WILD

WILD视觉与创意交互

热衷于打破常规传统网页的束缚，设计并编写极具视觉张力与丝滑动效的前端页面。将代码化为画笔，把创意雕琢为现实。

01 / 创意执念把前端页面写得好看且好玩

02 / 核心元素流式动效、3D 空间感、精致微交互

LIFE

LIFE生活、探索与热爱

不只是坐在屏幕前敲击键盘的程序员。喜欢在日常里捕捉美好的光影与色彩，在代码之外保持对世界的好奇，用心体验生活的每一个真实瞬间。

01 / 线下探索户外运动、摄影记录、发现新鲜事

02 / 效率生活持续记录、保持好奇、工作生活平衡

Identity NarrativeDECODING THE CREATIVE MATRIX

精选创作 / 项目展示 01 - 03

项目 01 / 系统二次开发

ZABBIX DEVEL

基于 Vue 3 + Element Plus 对 Zabbix 前端进行定制化二次开发，极大优化用户使用体验。系统深度嵌入 DataEase 敏捷分析大屏，提供直观、动态的业务监控与企业级数据可视化。

Vue 3Element PlusDataEase二次开发

ZABBIX MONITOR / PROD

SYSTEM HEALTH: 99.4%

LOG ACTIVITY STREAM● LIVE

› host.prod_server_a.cpu_load.update0.42 OK

› integration.dataease.sync_frame200 SUCCESS

› zabbix.api.get_trigger_list0 WARN

Query Traffic (TPS)1,248 p/s

Dataease Screen

EMBEDDED

Response Time18.5 ms

Zabbix APICONNECTED

项目 02 / AI 交互协议运行时

STREAM-UI

一个面向 LLM 输出的前端组件协议运行时。允许大语言模型使用类 XML 标签控制 Vue 组件，支持流式文本拦截渲染与交互数据结构化回收。

Vue 3LLM UI RuntimeXML ProtocolCLI Tooling

→ 在线体验 → GitHub

LLM OUTPUT INTERCEPTOR

MODE: ACCURATE

STREAMING TOKENS...RAW OUTPUT

请留下联系方式：

<input-block id="email" label="邮箱" required />

<button-block id="submit" label="提交" />

INTERCEPT & RENDER TO VUE

邮箱id: email

项目 03 / AI + 智能教育题库

EXAM HELPER

智能教育题库与知识图谱系统，基于大语言模型（LLM）和 LangGraph 多智能体（Multi-Agent）架构，支持题库自动生成与多角色协同出题。

LangGraphFastAPISQLAlchemyMulti-Agent

→ 架构设计 → 源码仓库

AGENT ORCHESTRATION

ENGINE: LANGGRAPH

Database Engine

SQLite (SQLAlchemy)

Alembic MigrationUPGRADE HEAD

Get In Touch

联系我 / Contact

01 / GmailMailto →

[email protected]谷歌常用邮箱

02 / QQ EmailMailto →

[email protected]腾讯个人邮箱

03 / GitHubVisit →

github.com/Hoe605开源项目主页

04 / WeChatCopy ID →

HJ002582h点击即可复制微信号

阅读设计理念 / Design Philosophy→