M4RKYU.SYSEdition 2027
Skip to content
LOCEN/Ontario · CA/▸searchStandbyOK/--:--:--EST
M4M4RK_YUportfolio
  • BuildBuild
    BuildOverview
    • WorkSelected case studies and write-ups
    • GamesPlayable prototypes and game-dev logs
  • GalleryGallery
    GalleryOverview
    • PhotosPhoto collections and visual experiments
    • ShopPrints, posters, and one-off objects
  • WritingWriting
    WritingOverview
    • BlogLong-form devlogs and field notes
    • NotesShort observations, links, snippets
  • ResourcesResources
    ResourcesOverview
    • Tools38 in-browser developer utilities
    • LinksDaily-use dev and design bookmarks
  • AboutAbout
  • ContactContact
中文
SEARCH
2-Colour · Riso Proof

Search

Search the archive

Projects, notes, tools, and frames — one box across the whole site.

M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
Crafted since 2024
ZhenXiao Mark YuZhenXiao Mark Yu
get in touch

Saw something here?Tell me about it.

It's a portfolio, not a service · but I read every note — drop a line if anything here resonated, or just to say hi.

Start a conversation
open channel

say hi anytime · 2026

--:--:--ESTOntario, Canada
  • Email
  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat

Newsletter

Get the occasional dispatch

Notes and logs from m4rkyu.com — short, dated, no noise. Unsubscribe anytime.

Work

Production builds, games, and visual archives.

  • Projects
  • Games
  • Archive
  • Logs

Resources

Daily-use tools and a personal link library.

  • Search
  • Latest
  • Tools
  • Links
  • Notes
  • Topics
  • Shop
RSSJSON feed

Studio

Background, contact, and channels for collaboration.

  • About
  • Contact
  • Changelog
  • Colophon
  • Resumepending

Socials

Find me on the usual feeds.

  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
  • Email
© 2026 ZhenXiao Mark Yumarkyu0615@gmail.com
  • Email
  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
PrivacyTermsBuilt with Next.js 16 · React 19 · Tailwind 4

Start typing to search.

  • Project2024 · web-app
    NimbusA passwordless cloud workspace for organizing, sharing, beaming, and asking questions about your files. Personal cloud storage is usually either a bare folder tree or a dense administration console. Both make routine actions such as findin…
  • Project2024 · ai-tool
    BioLoomA no-signup AI writing tool that generates, scores, edits, and shares platform-specific bios across eight models. Short profile bios are deceptively hard because they compress tone, audience, context, and professional signal into a tiny sp…
  • Project2024 · web-app
    M4rketViewA free, no-key crypto dashboard with live prices, resilient public-data fallbacks, local portfolios, alerts, and comparison tools. Crypto dashboards tend to drown users in motion, color, and unstable hierarchy. M4rketView focuses on compar…
  • Project2026 · web-app
    BloomprintTurns yard inspiration into a buildable plan — what to buy, how much, what tools, in what order, and what can go wrong. Landscaping a yard is overwhelming: an inspiration photo says nothing about materials, quantities, tools, sequencing, o…
  • Project2026 · web-app
    PolitiLensA political news intelligence dashboard for comparing how outlets across the spectrum frame the same story. Political news is abundant but comparison is expensive. Readers have to find parallel coverage manually, infer editorial positionin…
  • Project2024 · ai-tool
    PurecreateA 3D apparel customizer that designs your shirt in real time and generates decals from a text prompt with DALL·E 3. Designing custom apparel usually means clunky mockup tools or a slow back-and-forth with a designer — there's no fast, visu…
  • Project2021 · game-dev
    Unreal Battle Royale PrototypeA single-player Unreal Engine 4 systems prototype covering stance, looting, equipment, inventory, weapons, and scopes. The goal was to learn how a PUBG-like character and equipment loop is assembled in Unreal: locomotion states, world pick…
  • Project2024 · game-dev
    Descent Into MadnessA published Unity WebGL dungeon shooter with procedural floors, sanity pressure, classes, bosses, loot, and fast-travel exploration. This university team project explored how procedural dungeon structure, combat readability, navigation, an…
  • Project2024 · web-app
    UI StudioA no-login multiplayer design canvas with shared objects, cursors, comments, undo history, and exportable room URLs. Design tools tend to be either single-player or heavyweight. UI Studio explores how light a shared canvas can feel while s…
  • Project2026 · ai-tool
    AI Agent ToolkitA personal Windows-first toolkit for local AI coding: PowerShell automation, Ollama, a Streamlit control center, and conservative repo workers. Many AI coding workflows assume paid cloud access, Unix tooling, and permissive automation. Thi…
  • Project2024 · web-app
    M4rkdownA v3.1 offline-first Markdown workspace with advanced preview, local documents, collaboration, and an eight-player typing arena. Most markdown editors assume a connection and a single writer. M4rkdown asks what an editor feels like when it…
  • ResourceReference
    Next.js DocsOfficial App Router, routing, caching, and runtime documentation. Open this before assuming any Next.js behaviour — the v15 → v16 surface keeps shifting.
  • ResourceReference
    MDN Web DocsMozilla's reference for every web API, CSS property, and JavaScript built-in. The least-bad source of truth for browser behaviour, with examples that actually run.
  • ResourceReference
    React DocsReact's modern, hooks-first documentation with interactive examples. Re-reading the rules of hooks every six months is healthy.
  • ResourceReference
    TypeScript HandbookThe canonical TypeScript tour — types, generics, narrowing, modules. Cheaper than asking the compiler what `as const` actually means.
  • ResourceReference
    Tailwind CSS DocsSearchable reference for every Tailwind utility, with v4 token syntax up front. v4 changed enough that muscle memory from v3 isn't enough anymore.
  • ResourceReference
    web.devGoogle's guidance on performance, accessibility, and modern web platform patterns. When I need an opinionated answer about Core Web Vitals, not a comment thread.
  • ResourceReference
    Can I UseBrowser support tables for every web feature, with usage data baked in. Before reaching for a new CSS or Web API, I check whether Safari 15 will sulk.
  • ResourceReference
    DevDocsFast, offline-friendly aggregator that bundles 100+ language and framework docs. Cmd-F across every doc set without 50 open tabs.
  • ResourceReference
    HTML Living StandardThe WHATWG HTML specification — the actual contract browsers implement. When MDN and StackOverflow disagree, the spec wins.
  • ResourceAI
    ClaudeAnthropic's chat assistant with long-context reading and careful code reasoning. First stop for design rationale, careful refactors, and reading large files.
  • ResourceAI
    ChatGPTOpenAI's chat assistant with browsing, image, and code-execution modes. Second opinion when Claude and I are stuck in a loop.
  • ResourceAI
    v0Vercel's UI generator — describe a screen, get React + shadcn output you can edit. Useful for breaking a blank-page block, not as a final component source.
  • ResourceAI
    PerplexityAI-cited search that links every claim back to a source. Faster than Google when I want a cited summary, not a SEO-spam ranking.
  • ResourceAI
    GitHub CopilotGitHub's in-editor AI pair, with chat, completions, and PR review. Quietly autocompletes the boring half of every file I touch.
  • ResourceAI
    CursorVS Code-based editor with agent mode, multi-file edits, and inline chat. Where I send Claude to actually edit the repo, not just talk about it.
  • ResourceColor
    CoolorsTap-to-lock palette generator with contrast, shading, and export to CSS variables. Fastest way to draft a five-color palette that doesn't look extruded from a stock illustration.
  • ResourceColor
    Realtime ColorsLive-preview a full palette on a sample landing page before committing to tokens. Picking accent colors against actual UI beats squinting at hex swatches.
  • ResourceIcons
    HeroiconsTailwind Labs' MIT-licensed SVG icon set — outline, solid, and mini variants. When I need a clean, neutral icon and don't want to argue about line weights.
  • ResourceIcons
    LucideCommunity-driven Feather fork with 1,500+ icons and tree-shakable React bindings. The icon set this site already uses — search before reinventing a glyph.
  • ResourceIcons
    Phosphor IconsSix-weight icon family with consistent geometry across the whole set. When the project's accent demands something curvier than Lucide.
  • ResourceColor
    UI ColorsGenerate full Tailwind shade scales from a single hex. Turning a brand color into a 50-950 ramp without doing it by hand.
  • ResourceColor
    Tints and ShadesGenerate evenly stepped tints and shades for any base color. Sometimes you just need ten ticks lighter and ten ticks darker, no algorithm theatre.
  • ResourceInspiration
    MobbinSearchable screenshot library of real iOS, Android, and web product flows. Before designing a new flow, see how five mature products already solved it.
  • ResourceInspiration
    SiteInspireCurated showcase of well-designed websites, taggable by style and type. Lower noise than Awwwards when I'm scouting layout and typography ideas.
  • ResourceInspiration
    AwwwardsThe trophy-case site for ambitious web work, often heavy on motion and WebGL. Useful sometimes; mostly a calibration check for what counts as overproduced.
  • ResourceInspiration
    Page FlowsRecorded onboarding and product flows from real apps, frame by frame. The clearest way to study how shipped products handle empty states and edge transitions.
  • ResourceInspiration
    Land-bookGallery of landing pages filtered by style, type, industry, and color. Quick reference when I need ten variations on a hero before writing one.
  • ResourcePlayground
    CodeSandboxCloud editor that boots a real Node container — full npm, env vars, and previews. Reproducing a bug for a maintainer without setting up a private repo.
  • ResourcePlayground
    StackBlitzWebContainer-powered editor that runs Node entirely in the browser, instant boot. Faster than CodeSandbox for a quick Vite or Next demo.