I'm a Digital Media student working across UI/UX, interaction research, visual prototyping, product engineering, and new media practice.
My work asks how interfaces can remain useful, effective, and aesthetically expressive while respecting attention, trust, and collaboration.
Across local-first software, AI video workflows, studio operations, and media utilities, I connect human context, system behavior, media expression, and reliable delivery while reducing friction across creative workflows.
| Interface | Experience | Media | Context |
|---|---|---|---|
| UI/UX Design | Interaction Design | Digital Audiovisual Interaction | Cross-cultural Design |
| Information Architecture | Experience Design | New Media Art | Philosophy & Literature |
| Human-Computer Interaction | Visual Prototyping | Creative Coding | Art & Cultural Thinking |
| Product Interface | Local-first Experience | AI Video Workflow | Studio Systems |
Human-centered design · Clear systems · Expressive media · Reliable delivery · Japan
🌊 YouYu — Windows Mihomo Desktop Client
 Electron React TypeScript Mihomo Cloudflare Worker NSISA Windows x64 Mihomo client with beginner and advanced modes. It combines proxy and node control, health checks, TUN, system-network repair, traffic analytics, 16 connectivity tests, three independent update channels, and a 24-state desktop pet. The release flow includes separate installers and update metadata, integrity checks, differential downloads, and full-package fallback. Project Site → · Repository · Latest Release · Changelog |
|
🎛️ 118 Studio Manager
 React TypeScript IndexedDB PDF.js VitestA local-first workspace for projects, tasks, people, schedules, shared accounts, short-drama production, and relationship graphs. IndexedDB is the default; Cloudflare backup is optional. Repository → |
🎬 YQhub
Electron TypeScript Seedance 2.0 safeStorageA local Seedance workspace through the Xiaoyunque Skill API for materials, prompts, task queues, history, export naming, and automatic downloads. API keys remain encrypted on the device. Repository → |
🎞️ BatchWM
 Electron React ffmpeg macOS arm64A local batch watermark tool with text and image layers, nine-position placement, blend modes, preview / export consistency, progress, and bundled ffmpeg. Repository → · Download |
🧩 ReSeq
 WPF C# .NET 8 PowerShellA native Windows tool for shot and version reordering, with drag insertion, full rename previews, conflict detection, two-stage temporary renaming, and rollback. Repository → |
🗂️ AccMGMT
 React TypeScript Pages Functions D1A scheduling board for shared accounts, projects, members, reservations, renewals, and concurrency limits, with explicit overlap detection. Repository → |
🫧 Flowish
 React TypeScript Vite GitHub PagesA lightweight planning space for daily focus, backlog, recurring rituals, calendar signals, and countdowns, with one-click local launchers and GitHub Pages delivery. Open Flowish → · Repository |
Design / Prototype
Visual / Media
Creative Technology
Code / Frontend
Data / Cloud / Delivery
3D / Spatial
AIGC / Workflow
Building
|
Preparing
|
A name is a philosophy.
| Letter | Word | Meaning |
|---|---|---|
| F | Focus | Direct attention with intention, not distraction |
| I | Identity | Know who you are before you design for others |
| S | Syntonize | Tune in — to context, to users, to the unsaid |
| H | Heart | Let feeling inform thinking, not replace it |
| K | Kindle | Ignite curiosity, creativity, and care |
| N | Nirvana | Seek clarity beyond noise — design toward stillness |
| O | Observe | See before you speak. Watch before you make |
| W | Wish | Hold a vision of what could be |
| S | Simultaneously | Hold contradictions. Live in-between |
| S | Sacredly | Treat experience — of others and your own — as worth protecting |
| S | Stoically | Persist. Create without attachment to outcome |
Focus Identity. Syntonize Heart. Kindle Nirvana. Observe Wish.
——— Simultaneously, Sacredly, Stoically.
|
Writing Philosophy, literature, media, contemporary life, and social structure — with recurring notes on interface trust, creative-tool friction, attention, and collaboration. Independent long-form project: 《满盈》 |
Media Practice Interface concepts, interaction prototypes, creative coding, audiovisual works, and AIGC-assisted media — different ways of studying how experience is structured, perceived, and communicated. |
Designing where people, systems, media, and expression meet.