Projects
Here are some of the projects I lead. In my spare time, I engage in and contribute to open-source projects, fulfilling my own needs while sharing the results with like-minded individuals. I am the core Chinese translation contributor to the official website of NuxtJS V1.
Metro CoPilot
Mar, 2024 - Aug, 2024
Technical Lead
The Metro Rail Transit Inquiry System is primarily aimed at providing passengers with travel-related information inquiries and advertising services. In response to the implementation of the central state-owned enterprise information technology application innovation development strategy, the core goal of this project is to replace Xi'an Metro's existing inquiry system with a fully domestic system capability.

→ Challenges
- Product and business level: Align with existing system capabilities and redevelop (the original system capabilities do not support domestic software and hardware facilities); provide domestic facilities (including software and hardware) selection solutions for business parties;
- Technical level: Mixed B/S and C/S architecture, where the management system is B/S architecture, and the inquiry machine client is C/S architecture, but the company currently has no client software engineers;
- Organizational level: The current technical team lacks complete experience in domestic application development and deployment.
→ Targets
- Achieve the domestic replacement of the existing 'Metro Rail Transit Inquiry System', deploy system capabilities on domestic servers and operating systems, and provide 7x24 hours of stable service.
→ Actions
- Organize first - Recruit key technical talents with experience in domestic application development and deployment;
- Dive deep into the business - Organize technical personnel to go to the subway station to deeply use the existing system capabilities;
- Hardware first, then software - Complete the selection of domestic facilities first, then proceed with software application design; determining hardware first can reduce the compatibility cost of software development;
- Pre-research technical difficulties - Familiarize with potential technical difficulties and bottlenecks in advance (such as interactive subway route maps, offline applications, etc.).
→ Results
- Organizational aspect: Established a stable and combat-ready project team;
- Product aspect: By June 2024, 75% of the management system's functionalities have been developed, and the client software has completed 90% of its functionalities;
- Technical accumulation: An SVG-based interactive subway network route map component (planned to be open-sourced).
Waima WeChat Mini Program
Jul, 2022 - Nov, 2023
R&D Manager
The WeChat Mini Program supports the online marketing and operation of Meituan's self-operated Waima business. Developed based on Meituan's self-developed multi-end framework for Mini Programs, the product features 6 core pages: 'Home', 'Product Details', 'Product Details Page', 'Shopping Cart', 'Personal Center', and 'Search Page', as well as 3 major permanent marketing pages: 'Limited Time Sale', 'Waima Selection', and 'Member Center'.

→ Challenges
- 90% of team members lack experience in consumer-facing (C-end) projects and have insufficient expertise in developing mini-programs, resulting in low development efficiency and poor code quality.
- There is a high-risk technical debt, such as the absence of a Single Source Of Truth (SSOT), leading to occasional user location discrepancies.
- Code organization is haphazard, lacking awareness of ‘DRY’ (Don’t Repeat Yourself) and componentization principles, resulting in high code redundancy and low maintainability. The code quality metric ‘defects per thousand lines of code’ stands at 0.22‰, falling short of the baseline requirement (0.2‰) set by Meituan Daojia R&D department.
- Most critical performance indicators, such as ‘time to first byte,’ for core pages do not meet the baseline requirements set by Meituan Daojia R&D department. Negative feedback from both business stakeholders and users is prevalent.
→ Targets
- Enhance team members’ awareness of consumer-facing (C-end) project development principles, emphasizing ‘high stability, high performance, and excellent user experience.’
- In the ‘preparation’ phase, align with unified operational requirements for terminal quality and effectiveness. Strengthen the implementation of standards, mechanisms, best practices, negative cases, and technical debt management. In the ‘execution’ phase, optimize alert monitoring capabilities for core iterative processes to enhance business availability. In the ‘post-execution’ phase, conduct categorized retrospective analyses.
- Achieve industry-leading performance experiences for critical pages, benchmarking against external competitors like ‘Jiu Xiao er’ and internally aligning with role model applications such as ‘Grocery Shopping Mini-Program.’
→ Actions
- Improving Thinking - Organizing professional sharing sessions for cross-company and cross-team mini-program development; Clearly defining performance experience requirements for the pages or modules responsible in OKRs; Deep diving into the business by organizing customer service listening, frontline operations, and competitor analysis;
- Improving Quality - By conducting online issue analysis and research process standardization analysis, a 'Waima Terminal Development Delivery Full Process Work Guide' has been established to ensure that each development process has clear guidelines; Responding to and implementing the 'Stability Panoramic Governance and Operations' from higher-level departments, including 'Waima Core Link Quality Assurance', 'Waima Empowerment Quality Assurance', and 'Technical Debt Summary Governance', as well as building the Waima mini-program component library and establishing a cross-functional technical solution review mechanism;
- Improving Performance - Enhancing the measurement capabilities and operational mechanisms for performance experience, adding 'Instant Opening Rate' to align with Meituan WeChat Mini-Program operational standards, and adding 'Real Device Page Opening Time' to benchmark performance against external competitors; Establishing the 'Instant Opening Rate Governance Special Project', 'Homepage Performance Governance Special Project', and 'Wine Product Page Performance Experience Optimization Special Project', and initiating instant opening rate governance for 9 core pages.
→ Results
- Organized 1 cross-company professional sharing session 'Meituan Waima X JD Shopping Mini Program Exchange Meeting' in collaboration with JD; Established communication groups with frontend teams from other business lines such as 'Mai cai', 'Waimai', and 'Tuan Hao Huo', and organized several sharing sessions;
- Reduced the defect rate of Waima Mini Program to below 0.18‰, surpassing the baseline requirement set by Meituan Daojia R&D department;
- Overall instant opening rate improved from 46% in 2022 to 71%: Except for the shopping cart page and order preview page, the instant opening rate of other pages has achieved alignment with the internal benchmark 'Mai Cai' Mini Program; For core transaction pages, except for the shopping cart page, the real device page opening time has surpassed the benchmark of competing 'Jiu Xiao Er' Mini Program.
Waima Backstage System
Jul, 2022 - Nov, 2023
R&D Manager
This is a back-end system that supports the marketing and operation of the C-end (Waima WeChat Mini Program) of Meituan Waima business. It includes sub-systems such as 'Supplier Management (SRM), Product Management, Procurement Management (PMS), Warehouse Management (WMS), Transportation Management (TMS), Order Management (OMS), Delivery Fulfillment Management, Store Management, and Financial Settlement'. Currently, except for 'Transportation Management' which is outsourced, and 'Financial Settlement' which uses Meituan's infrastructure capabilities, all other system capabilities are self-built by Waima.

→ Challenges
- Is the system capability built by Waima applicable to future self-operated retail businesses of Meituan?
- Can the supply chain system capability currently being built be integrated and unified with other Meituan businesses (such as pharmaceuticals)?
- The generalization and integration of supply chain system capabilities involve cross-business, cross-business line, and cross-team complexities, with high ambiguity.
→ Targets
- Exploring a unified solution for integrating and consolidating the capabilities of the retail supply chain system, with WMS generalization as a pilot;
- Completing the generalization of WMS basic management capabilities, including warehouse management and inbound/outbound operations, to meet the WMS management needs of new businesses in small warehouses through low-cost reuse.
→ Actions
- Organize in advance: Establish a virtual organization for the unified construction of the retail supply chain, clarify goals, execution plans, and responsible persons for each segment;
- Benchmarking research: Conduct 'external industry research' and 'internal business system survey' together with the team, sort out and learn from industry solutions, and design the overall plan for the unified construction of the retail supply chain;
- Pilot implementation: Combine business requirements, coordinate the front-end and back-end teams to promote the construction of WMS infrastructure, and promote the generalization of PC-side WMS basic management capabilities. By the end of 2023, achieve a 100% generalization rate of WMS basic management capabilities.
→ Results
- Completed research on the leading WMS system of Flex Company, the supply chain system of Hema Fresh, and the capabilities of the internal pharmaceutical supply chain system. Consensus was reached on the goals, implementation path, and key milestones of the unified construction of the retail supply chain. The front-end team has completed the architectural design of the WMS module's generalization goals and overall plan, as well as the design of key milestones;
- The collaborative design team has completed the construction of the retail supply chain design system and front-end materials, improving the design standards and user experience of the system platform (style standardization rate reached 85%, calculation formula: usage of design variables / (usage of design variables + hard-coded style quantity));
- Improved the efficiency of PC-side requirement development to 23%+ (17.79% in 2022), and improved the efficiency of App-side requirement development to 15%+ (Numerator: number of components used in the code * development duration of a single component; Denominator: requirement development duration + numerator);
- Completed the construction and deployment of 3 configurable and extensible business process templates: 'Task Process Template', 'Document Process Template', and 'Master Data Process Template', laying a solid technical foundation for the generalization of WMS basic management capabilities.
JD Linglong Online Design Platform
Apr, 2016 - Apr, 2022
R&D Manager
Linglong (ling.jd.com) is a self-developed marketing content online design platform by JD, focusing on the e-commerce field. It integrates marketing creative content and design tools to provide high-quality solutions for design needs in different scenarios. Its core product feature matrix includes 'Image Design', 'Animation Design', 'Video Design', as well as a 'Content Zone' that integrates 'Design, Management, and Collaboration' for external enterprises and internal business departments. In addition, Linglong also provides practical tools and interface services such as 'One-click Image Background Extraction', 'Intelligent Color Matching', and 'Real-time Image Composition via URL'.

→ Challenges
- Built from scratch, the team lacked experience in online editing of images, animations, and videos;
- Racing project, competing with other departments to deliver a similar product, emphasizing speed and user experience.
→ Targets
- Rapidly incubate and iterate to improve the capabilities of the Linglong platform, providing users with a seamless online creative design service;
- Stand out among competitors within the company.
→ Actions
- Rapid prototyping and value consensus: In the early stage, the front-end team conducts technical research and rapidly incubates prototypes to verify technical feasibility and gain consensus on project value;
- Establish a professional team for the entire product development cycle: Form a team consisting of experienced interaction designers, visual designers, software engineers, and project management experts to ensure professional support at every stage of the project from concept to implementation;
- Find technology partners: Establish partnerships with internal technical departments that have capabilities related to file storage, image post-processing (scaling, color adjustment, image extraction, etc.);
- Training and support: Provide online training and tutorials for JD's merchants to help them quickly master the new platform and ensure they can effectively use the tools;
- Performance optimization and continuous innovation: Continuously optimize the platform's performance to ensure fast loading and editing of materials, providing a smooth user experience. Continuously track the latest design trends and technologies to ensure the platform can provide innovative design solutions.
→ Results
- Internally, it provides convenient online advertising image and short video visualization design services for company business operations and hundreds of thousands of merchants. It outputs nearly one million creative advertising images and short videos every year. With the help of high-performance and reliable real-time image synthesis services combined with product BI recommendation capabilities, it helps JD APP achieve personalized operation of first-focus advertising images, with a daily average commercial click-through rate (PCTR) exceeding 10% compared to manually operated advertising images;
- Externally, it has reached key cooperation with JD Commercial Promotion Division (Advertising Department), providing advertising image and video visualization production capabilities to advertisers on JD Advertising Placement Platform (Jingzhuntong jzt.jd.com), greatly reducing the design cost for advertisers and improving their advertising delivery efficiency;
- In addition, Linglong leverages its own experience and capabilities to help the Advertising Department break free from its dependence on cooperation with Kuaizi Technology Company, saving millions of dollars in cooperation fees each year.
JD Personalized Content Marketing
Mar, 2021 - Apr, 2022
R&D Manager
Every person has their own perspective, and this applies to design styles as well. The diverse personalities and backgrounds of users result in a thousand different opinions on design. The Personalized Content Marketing project is an extension of the Linglong project (the second growth curve) and was officially launched at the beginning of 2021. It is a key project of the department, led by a cross-functional team of 10 members (including product, front-end, back-end, and algorithm roles). The core goal of this project is to deepen and refine a comprehensive and reliable solution for personalized content marketing based on the foundation of personalized advertising images, personalized marketing pages, and personalized product copy. This solution aims to maximize the conversion rate of marketing content in JD's traffic ecosystem.

→ Challenges
- Lack of project members with expertise in big data and algorithms;
- High complexity and ambiguity of the solution; Although there have been related practices and PR materials on personalized marketing pages as early as 2016 in Alibaba, it is still unexplored territory in JD.
→ Actions
- Build the team: Introduce roles such as Technical Product Manager, Big Data Engineer, and Algorithm Engineer to establish a strong team that integrates product research, data, and algorithm;
- Set the strategy: Learn from Alibaba's approach and combine JD's own characteristics to build JD user design profiles. Utilize real-time image composition services, intelligent color matching services, and intelligent copywriting services to achieve personalized content for images and marketing pages;
- Deliver results: Collaborate with the marketing department to gradually implement and optimize the personalized content strategy in ad placements and marketing campaign pages.
→ Results
- Based on big data analysis and algorithm technology, it has accumulated design profiles (design aesthetic preferences) of nearly 200 million JD users, including dimensions such as `color scheme`, `layout`, and `font` at the level of ad design;
- With the ability of user design profiles, promote personalized ad solutions to other business scenarios of JD, such as JD APP's flash sale ad;
- In the direction of personalized marketing pages, it has implemented algorithm models and recommendation services based on user group's `floor component style personalized recommendation`, which were applied in the 2021 618 and Double 11 promotions, empowering over 50+ event venues and helping to increase GMV.
AIFIRE.ART
Nov, 2023 - Jun, 2025
Co-Founder
🌟🎨📸🎥🎶 A platform for ‘AIGC+PGC’ media content, which includes images, videos, sound effects, music, fonts, AI models, etc. The core product capability is to provide content consumers with a vast array of high-quality media materials and offer multi-dimensional information aggregation and retrieval methods (such as basic categorization, thematic scenarios, etc.) to help consumers quickly find the materials they need. For content producers, it provides AI model information, AI prompts, fonts, and related media design tools. The direct competitor is Pixabay, with the mission of ‘helping everyone use the highest quality media materials.’
Gitalk
Jul, 2017 - Mar, 2021
Project Initiator
Gitalk is an open-source commenting plugin based on GitHub Issue and Preact. It has a total of 6.9K stars as of December 2023. It transforms GitHub Issue into a commenting system, integrates with GitHub login, and provides a simple, seamless, and customizable commenting system for developer users. It can be easily integrated into personal websites or blogs, simplifying comment management and promoting collaboration. It is open-source and free, allowing users to use and modify it freely to meet their own needs.

Vue-easy-gantt
Apr, 2017 - Nov, 2017
Project Owner
A simple Vue.js gantt chart plugin for presenting weekly tasks.
O2 Labs
Oct, 2015 - Jun, 2025
Co-Founder
A well-known technology brand in the front-end domain, established in October 2015, is an open-source R&D organization focused on enhancing user experience and product value. It consolidates and disseminates professional knowledge and cases in various directions such as multi-end development, server-side development, artificial intelligence, product design, and visual design, contributing experiential value to the industry.