I'm an AI product engineer based in Guangdong, China. I build AI-native tools that make complex information easier to understand, edit, and act on—from agentic canvases and document intelligence to developer workflows.
My best work sits where product taste, interaction design, and engineering depth meet: reduce ambiguity, make the interface feel inevitable, and ship the details that make a product hold together.
Build tools that make thinking clearer.
Currently exploring how AI agents can work with visual canvases instead of only replying in chat.
Inkling · Agent-native visual thinking
Inkling turns PDFs into living, editable mind maps. Its agent, Muse, builds the structure live, edits exact nodes instead of rewriting everything, and understands the changes you make on the canvas.
React · Hono · Vercel AI SDK · AntV X6
| Project | What it does | Built with |
|---|---|---|
MindGeniusAI  |
Reads documents, runs a lightweight RAG pipeline, and generates editable mind maps. The open-source predecessor to Inkling. | Vue RAG |
| flutter-motion-kit · Live ↗ | A searchable animation cookbook with live previews, parameter playgrounds, and reusable guidance exposed through MCP. | Astro Flutter MCP |
| gpt-image-2-tools · Live ↗ | A privacy-first, multi-provider AI image playground that runs entirely in the browser with your own API key. | TypeScript BYOK |
| apidoc2MCP | Converts API documentation into MCP services, making existing APIs immediately usable by AI agents. | MCP TypeScript |
Earlier work: @xianjianlf2/vue-pdf-viewer, an archived PDF.js viewer for Vue 3.
I contribute fixes and interaction improvements upstream—usually to tools I use in real projects.
More merged pull requests
| Project | Merged contribution |
|---|---|
| crxjs/chrome-extension-tools | Added Vue use-case documentation |
| luckysmg/flutter_swipe_action_cell | Added the hasAnyOpenCell query API |
| fastclaw-ai/weclaw | Detected agents installed through nvm and mise |
| cuixueshe/dida | 5 merged PRs across draggable navigation, project CRUD, and bug fixes |
I rebuild familiar tools from scratch to understand the decisions beneath their APIs. Each mini-* repository develops one system incrementally, commit by commit.
Explore the 6-project source-code series
| Project | Systems explored |
|---|---|
| mini-vue | Reactivity, virtual DOM diffing, template compilation, lifecycle hooks |
| mini-koa | Middleware composition, onion model, context, router layering |
| mini-react | Fiber, reconciliation, useState, useEffect |
| mini-webpack | Module bundling, dependency graphs, loaders, plugins |
| mini-compiler | Tokenization, parsing, AST traversal, code generation |
| ts-axios | A complete HTTP client implemented in TypeScript |
