M4RKYU.SYSEdition 2027
Skip to content
LOCZH/安大略 · 加拿大/▸search待机OK/--:--:--EST
M4M4RK_YUportfolio
  • 创作创作
    创作Overview
    • 作品精选案例与项目记录
    • 游戏可玩原型与游戏开发日志
  • 影像影像
    影像Overview
    • 照片影像合集与视觉实验
    • 商店印刷品、海报和限量物件
  • 写作写作
    写作Overview
    • 博客长篇开发日志与现场笔记
    • 笔记短观察、链接与代码片段
  • 资源资源
    资源Overview
    • 工具38 款浏览器内开发工具
    • 链接每日使用的开发与设计书签
  • 关于关于
  • 联系联系
EN
SEARCH
2-Colour · Riso Proof

搜索

搜索档案

项目、笔记、工具与影像——一个搜索框贯穿全站。

M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
始于 2024
ZhenXiao Mark YuZhenXiao Mark Yu
联系

看到什么有意思的？和我聊聊。

这是一个作品集，不是服务 · 但每一条留言我都会看 — 如果哪里让你有所触动，或者只想打个招呼，欢迎写信过来。

开启对话
频道开放

随时打个招呼 · 2026

--:--:--EST加拿大 安大略
  • 邮件
  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat

订阅

偶尔收到一封简讯

来自 m4rkyu.com 的笔记与日志——简短、标注日期、没有杂音。随时可退订。

作品

线上发布、游戏作品与视觉档案。

  • 项目
  • 游戏
  • 档案
  • 日志

资源

每日好用的工具与个人收藏的链接库。

  • 搜索
  • 最新
  • 工具
  • 链接
  • 笔记
  • 主题
  • 商店
RSSJSON Feed

工作室

背景、联系方式以及合作渠道。

  • 关于
  • 联系
  • 更新日志
  • 技术说明
  • 简历筹备中

社交

在常去的平台上找到我。

  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
  • 邮件
© 2026 ZhenXiao Mark Yumarkyu0615@gmail.com
  • 邮件
  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
隐私条款由 Next.js 16 · React 19 · Tailwind 4 构建

开始输入以搜索。

  • 项目2024 · 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…
  • 项目2024 · 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…
  • 项目2024 · 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…
  • 项目2026 · 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…
  • 项目2026 · 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…
  • 项目2024 · 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…
  • 项目2021 · 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…
  • 项目2024 · 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…
  • 项目2024 · 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…
  • 项目2026 · 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…
  • 项目2024 · 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…
  • 资源Reference
    Next.js DocsOfficial App Router, routing, caching, and runtime documentation. Open this before assuming any Next.js behaviour — the v15 → v16 surface keeps shifting.
  • 资源Reference
    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.
  • 资源Reference
    React DocsReact's modern, hooks-first documentation with interactive examples. Re-reading the rules of hooks every six months is healthy.
  • 资源Reference
    TypeScript HandbookThe canonical TypeScript tour — types, generics, narrowing, modules. Cheaper than asking the compiler what `as const` actually means.
  • 资源Reference
    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.
  • 资源Reference
    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.
  • 资源Reference
    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.
  • 资源Reference
    DevDocsFast, offline-friendly aggregator that bundles 100+ language and framework docs. Cmd-F across every doc set without 50 open tabs.
  • 资源Reference
    HTML Living StandardThe WHATWG HTML specification — the actual contract browsers implement. When MDN and StackOverflow disagree, the spec wins.
  • 资源AI
    ClaudeAnthropic's chat assistant with long-context reading and careful code reasoning. First stop for design rationale, careful refactors, and reading large files.
  • 资源AI
    ChatGPTOpenAI's chat assistant with browsing, image, and code-execution modes. Second opinion when Claude and I are stuck in a loop.
  • 资源AI
    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.
  • 资源AI
    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.
  • 资源AI
    GitHub CopilotGitHub's in-editor AI pair, with chat, completions, and PR review. Quietly autocompletes the boring half of every file I touch.
  • 资源AI
    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.
  • 资源Color
    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.
  • 资源Color
    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.
  • 资源Icons
    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.
  • 资源Icons
    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.
  • 资源Icons
    Phosphor IconsSix-weight icon family with consistent geometry across the whole set. When the project's accent demands something curvier than Lucide.
  • 资源Color
    UI ColorsGenerate full Tailwind shade scales from a single hex. Turning a brand color into a 50-950 ramp without doing it by hand.
  • 资源Color
    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.
  • 资源Inspiration
    MobbinSearchable screenshot library of real iOS, Android, and web product flows. Before designing a new flow, see how five mature products already solved it.
  • 资源Inspiration
    SiteInspireCurated showcase of well-designed websites, taggable by style and type. Lower noise than Awwwards when I'm scouting layout and typography ideas.
  • 资源Inspiration
    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.
  • 资源Inspiration
    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.
  • 资源Inspiration
    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.
  • 资源Playground
    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.
  • 资源Playground
    StackBlitzWebContainer-powered editor that runs Node entirely in the browser, instant boot. Faster than CodeSandbox for a quick Vite or Next demo.