MX Mark Xian Building in Guangdong

Product engineer / AI systems 23.1291° N, 113.2644° E
Field note 08.03.26

I make AI feel useful.

I’m Mark, a frontend engineer and product builder. I turn new AI capabilities into products people can actually use — from agentic interfaces to privacy-first developer tools.

Inspect the work↓ Start a conversation ↗
An abstract studio assembly of acrylic plates, cables, a metal module, and a blue glass lens, representing connected ideas becoming a working system
System study / 002
FIELD CAMERA 01
23.1291 / 113.2644 Signal → structureProduct thinking
Interface design
Engineering depth
Current inquiry: how agents can work with visual canvases,
instead of only replying in chat. Scroll to inspect selected systems ↓
Agentic interfacesVisual thinkingPrivacy-first toolsOpen sourceAgentic interfacesVisual thinkingPrivacy-first toolsOpen source

Working principle / 01

Find the hard interaction. Make it feel obvious. Then ship the whole thing.

02 / Now building

03 / Selected systems

Tools with a point of view.

A visual interface for turning documents into editable agent artifacts01 / OSS

MindGeniusAI

Reads documents, runs a lightweight RAG pipeline, and generates editable mind maps that stay useful after the first answer.

Documents → structure
Python · LLM · RAG↗
A playful visual scene representing a coding coach and motion experiments02 / LAB

flutter-motion-kit

A searchable animation cookbook with live previews, playgrounds, and guidance exposed through MCP.

Flutter · MCP↗
A visual system representing a company brain and connected knowledge03 / TOOL

gpt-image-2-tools

A privacy-first, multi-provider image playground that runs entirely in the browser with your own key.

Browser-only
Privacy first↗
A visual loop representing an AI agent finding and fixing bugs04 / MCP

apidoc2MCP

Converts existing API documentation into services that AI agents can use immediately.

Docs → tools
Agent interface↗

04 / Signal report

The shape of the practice.

10+Merged upstreamSmall patches across tools used in real projects.
06Mini systemsFrameworks rebuilt to understand their moving parts.
01Current obsessionAgents that can shape a canvas, not only write a reply.

05 / Open-source impact

Small patches. Real codebases.

10+Merged upstream changes across tools I use in real projects.
stablyai / orcaFaster startup through overlapping worktree scans; correct CJK IME behavior when renaming commits.↗ FlowiseAI / FlowiseImproved the Add Nodes interaction.↗ apitable / apitableImproved Simplified Chinese localization across settings and empty states.↗ Navideck / universal_bleFixed Dart primary-constructor compatibility.↗ More on GitHubVue documentation, Flutter APIs, agent detection, project CRUD, bug fixes, and more.↗

06 / Learning in public

Rebuild it to understand it.

01mini-vueReactivity
Virtual DOM 02mini-reactFiber
Hooks 03mini-koaMiddleware
Context 04mini-webpackLoaders
Plugins 05mini-compilerAST
Codegen 06ts-axiosHTTP
TypeScript
07 / Close the loopGuangdong, China · GMT+8

Have a hard interaction worth solving?

粤ICP备2026035698号 粤公网安备44200102445956号