Hi, I'm Mark Xian 👋

Frontend Developer · Guangdong, China 🇨🇳

Talk is cheap. Show me the code.

I build AI products end-to-end — and ship them as live, self-hostable tools.

🌐 See everything I've shipped — live at markxian.cn →

 

---

🚀 What I'm Building

Inkling  ·  private beta — join the waitlist ↗ — An agent-native mind-map canvas. Muse reads your PDFs and draws editable maps live before your eyes — skeleton first, surgical node edits by id, and a two-way canvas that sees what you changed and builds on it. _{React · Hono · Vercel AI SDK v5 · AntV X6}

MindGeniusAI   — the earlier open-source take on the same idea: AI reads your docs and generates mind maps, with built-in RAG (no LangChain). _{Vue · LangChain-free RAG}

flutter-motion-kit  ·  live ↗ — Previewable Flutter animations with traceable pitfalls + a parameter playground, reusable via remote MCP. _{Astro · Flutter · MCP}

gpt-image-2-tools  ·  live ↗ — Privacy-first, multi-provider AI image playground. 100% client-side, BYOK. _TypeScript

_{🧰 Also: apidoc2MCP — API docs → MCP services · @xianjianlf2/vue-pdf-viewer — PDF.js viewer for Vue 3 (archived)}

---

🌍 Open Source Contributions

Merged pull requests into projects I use:

Project	Contribution
stablyai/orca	Overlap sidebar-scope loads with startup worktree scan · Fix rename commit on CJK IME Enter
FlowiseAI/Flowise	Improve AddNodes interaction
apitable/apitable	Improve zh-CN i18n
Navideck/universal_ble	Fix Dart primary constructor compatibility

 More merged PRs ⌄

Project	Contribution
crxjs/chrome-extension-tools	Add Vue use-case docs
luckysmg/flutter_swipe_action_cell	Add hasAnyOpenCell query API
fastclaw-ai/weclaw	Detect agents installed via nvm / mise
cuixueshe/dida	5 merged PRs — draggable sidebar, project CRUD, bug fixes

---

🧩 Source-Code Learning · the mini-* series

 Rebuilding the tools I use from scratch, commit-by-commit — 6 projects ⌄

Project	What I rebuilt & learned
mini-vue	Vue3 reactivity, virtual DOM diff, template compiler, lifecycle hooks
mini-koa	Koa middleware, onion model, ctx / request / response, router layering
mini-react	React fiber, reconciliation, hooks (useState / useEffect)
mini-webpack	Module bundling, dependency graph, loaders & plugins
mini-compiler	Tokenizer, parser, AST traversal, code generation
ts-axios	A full HTTP client implemented in TypeScript

---

🛠 Stack

---