I'm an AI product builder based in Guangdong, China. I turn emerging AI capabilities into products people can actually use—from agent-native canvases and document intelligence to privacy-first developer tools.
My favorite work sits where product thinking, interface design, and engineering depth overlap: find the hard interaction, make it feel obvious, then ship the whole thing.
Make ideas useful. Ship them well.
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 |
