Be a

FREE

CREATOR

I believe

"True creation comes from inner freedom. When passion is unbound, ideas flow into works. I work in this rhythm and live in this state."

Collaboration & Joy

Creating together brings more joy and possibilities

Technology & Freedom

The meaning of code is to liberate creativity

Power of Passion

With passion, there is infinite power

About

Yrobot

Free Creator

Independent Developer · Full-stack Engineer

6 Years Frontend + 4 Years Fullstack

Hangzhou, China / Remote

Floor‑to‑ceiling window, Standing desk, MacBook, Sunshine, Puppy, Americano

Hiking
Motorcycling
Movies
Travel
With Friends
Doggy
#React
#Next.js
#TypeScript
#Tailwind
#Docker
#Prisma
#PostgreSQL

I believe in the power of creation. Six years of technical experience has taught me how to turn ideas into products. As an independent developer, I build truly needed products with partners who share the same philosophy. Only do what's worth doing.

If you need a technical partner,

or need technical help.

#Feel free to contact me!

Creator

Creation, is my way of working, and my language of expression.
Over the years I've done some
Commercial Exploration
, and also joined many
Open Source
。
Every outcome reflects commitment to the philosophy and the pursuit of freedom.
Commercial Exploration
DevzAI
DevzAI
Enterprise SaaS platform revolutionizing software development through AI integration
#React
#Redux
#D3.js
#WebSocket
#AWS
#sass
#react-dnd
Commercial Exploration
RIPE Fruit
RIPE Fruit
Official website of China's TOP 3 sugar-free beverage brand
#Next.js
#TS
#sass
#react-slick
Commercial Exploration
Brainglue
Brainglue
Fast, efficient and easy-to-use AI tool suite for creative professionals
#Next.js
#Tailwind CSS
#TS
#stripe
#zustand
#MongoDB
#next-auth
#Vercel
Commercial Exploration
Mail Agent
Mail Agent
Email sending platform designed specifically for developers
#Next.js
#TS
#Tailwind CSS
#Cloudflare D1
#Cloudflare Worker
Commercial Exploration
Figma Nocode
Figma Nocode
No-code tool that converts Figma designs to websites with one click
#Next.js
#TS
#Tailwind CSS
#Figma API
#Vercel

My
Open Source
Journey

50+
Open Source Repos
500+
GitHub Stars
9 Years
Continuous Sharing
TS/JS
Main Tech

Visit My GitHub

GitHub
mina-popups
Native, lightweight mini‑program popups with multiple dialog and prompt types
WeChat
Popup
JS
serviceWorker-demo
Complete Service Worker demo on Next.js, showcasing offline cache and PWA practices
ServiceWorker
PWA
TS
react-mobile-table
React‑based mobile collapsible table for data display
React
Mobile
Table
JS
mina-keyword-highlight
Mini‑program keyword highlight component, zero‑dependency, supports inherited text styles and multi‑line ellipsis
WeChat
Keyword
JS
mina-countdown
Lightweight mini‑program countdown library with pause/continue/stop, ideal for verification codes
WeChat
Countdown
JS
auto-scroll
Lightweight auto‑scroll tool for dynamic content growth, perfect for AI chat
Scroll
TS
Plugin
i18next-ssg
Internationalization for Next.js SSG (static site generation) with HTML builds
I18n
Next.js
SSG
TS
FaaS.js
File‑as‑a‑Service Docker image on Bun; expose functions as APIs with JS/TS support
FaaS
Docker
Bun
TS
cloudflare-search
Powerful search server on Cloudflare Worker delivering high‑performance cloud search
Cloudflare
Worker
Search
JS
cloudflare-proxy
Simple Cloudflare Worker proxy with efficient request forwarding
Cloudflare
Worker
Proxy
JS
mina-touch
Lightweight mini‑program gesture library with convenient touch handling
WeChat
Touch
Gesture
JS

My Blog

Record and share some interesting things, learning experiences, problems and solutions that I have encountered in life and work. I hope I can help more people.

Featured

Prisma的简介和使用

什么是 Prisma：这是 Prisma 官网的 slogan 翻译过来就是说： Prisma 是一个基于 Node.js 和 TypeScript 的 ORM，它可以帮助开发者以更快的开发速度和更少的错误来管理数据库。 关于 ORM（Object/Relational Mapping），简单来说就是一个可以像操作对象一样操作数据库的工具。 具体 ORM 介绍可以参看 阮一峰 老师的《ORM 实例教程》

10/26/2025Read More →

Cloudflare请求加速

确保 cf.com 能直接访问服务：不管是 worker/pages/tunnel，使用添加第三方服务的方式绑定到 cf.com，确保 cf.com 能访问到服务

2/18/2026Read More →

Claude Code 攻略 0 - 系统化学习前言

一个全栈项目的困境：几个月前，我用 Claude Code 开发一个全栈项目：用 Next.js + Prisma.js + PostgreSQL 搭建后台系统，用 React + Taro 搭建小程序客户端。小功能、单文件的修改，Claude Code 都能给出不错的结果。 但项目变大后，问题开始浮现。 有一次，我在开发一个比较复杂的数据同步功能，涉及后台 API、数据库迁移、小程序端的状态管理等多个部分。最初几轮对话还算正常，但随着来回修改，对话变得越来越长。然后我发现，Claude Code 生成的代码质量开始明显下降——风格不统一、逻辑有遗漏、甚至出现一些低级错误。

12/18/2025Read More →

Claude Code 扩展机制实战：自动化流程的实现

背景：一个自动化需求引发的思考：最近遇到一个典型的数据处理场景：每周需要处理销售数据 Excel 表格，提取关键指标，分析趋势，生成总结报告并发送到 Slack。整个流程涉及多个步骤，且需要保留中间产物（提取后的 Excel）供后续核对。 这让我想到用 Claude Code 实现自动化，但面对 Skills、Agents、MCP、Hooks 等多种扩展机制，我陷入了困惑： - 该用哪种机制？ - 它们的本质区别是什么？ - 如何组合使用才能实现最优方案？ 本文将从这个实际需求出发，系统梳理 Claude Code 的所有扩展机制，并展示如何设计一个合理的自动化解决方案。

11/17/2025Read More →

如何配置高效的 AI 网络抓取工具

背景：AI 工具的网络抓取需求：在使用 AI 编程助手（如 Claude Code）的过程中,我们经常需要让 AI 从互联网获取信息： - 查找最新的技术文档和 API 说明 - 抓取网页内容进行分析和总结 - 批量获取数据用于开发决策 - 实时查询动态内容 然而,不同网站的反爬虫策略差异巨大,从静态 HTML 到复杂的 JavaScript 渲染,从无保护到 CAPTCHA 验证,这给工具选择带来了挑战。

11/12/2025Read More →

Playwright 实战：从基础原理到构建 Markdown 图片生成服务

一、初识 Playwright：不仅仅是自动化测试工具：

10/25/2025Read More →
View All Posts

Let's Chat

Have a great idea? Need a startup partner? Need technical support? Or just want to say hi? I'm happy to listen!

What I Can Help With

Technical Partner for Your Startup

Turn business ideas into long-term technical systems

Full-stack Product Development

From planning to launch, deliver complete product development

Frontend Technical Consulting

Design maintainable, scalable, long-term stable technical solutions

Design to Website

Pixel-perfect design implementation. Responsive, maintainable, high-performance

Don't overthink it just say Hi 👋