CASE 04 / HUMAN-AI PORTFOLIO
Personal Lab · 2026 / LIVE
PERSONAL LAB
A portfolio that behaves like a small, inspectable product.
The personal website turns work, context and an optional companion into one navigable lab instead of a static resume.
Four active systems with direct case-study paths.
A scroll-led story from entry to contact.
English and Simplified Chinese are available from every route.
The public site works without the optional agent sidecar.
01 / Product evidence
See the system at work.
Captured from the working product and its repository-backed preview states.
Captured from the running Personal Lab site, not a mockup.
The real bilingual archive and project marks in the browser.
The interactive workspace is part of the same product surface.
02 / Problem and response
Role
Product direction / interaction design / full-stack implementation
A portfolio has to communicate taste and proof without becoming a fragile performance or a collection of empty promises.
Keep the visual language opinionated, the evidence concrete and the system useful even when media or remote intelligence is unavailable.
03 / System trace
How the system moves.
- 01
Frame
A visual system establishes a calm, tactile field for the work.
- 02
Prove
Repository evidence and captured product states support each case study.
- 03
Explore
The workspace lets visitors interact with the system model.
- 04
Remember
Opt-in memory and a clear privacy boundary keep the companion honest.
- 05
Contact
A direct path from curiosity to collaboration closes the loop.
04 / Engineering decisions
The important work happened at the boundaries.
No mystery metrics
The archive only claims what local repositories and validation notes can support.
Graceful without media
Posters and CSS visuals preserve the narrative when private assets are absent.
Language is a control
The locale switch is persistent in navigation and project flows, not hidden in a footer.
05 / Proof, not promise
These statements come from the project's local repository, manifests and validation notes—not invented portfolio metrics.
Home, projects, case studies, workspace, about and resume are represented in the app router.
VERIFIED TRACENavigation and project archive adapt to desktop and mobile layouts.
VERIFIED TRACELint, typecheck and Next.js production build are the release gate.
VERIFIED TRACE06 / Build record
Human-AI Lab direction and repository-backed archive established.
Mahiru workspace, consent-based memory and deployment boundary refined.
Bilingual navigation, fourth project identity and release QA completed.