Hello, I'm Changyu.

Senior Frontend Engineer | Web CAD Specialist | Open Source Contributor

From Vue.js ecosystems to Angular enterprise solutions, now architecting 3D Web CAD platforms with React & Three.js.

Professional Journey

Senior Frontend Software Engineer

Jiushao Intelligent Tech (AMCAX)
2024 - Present

Architecting the next-gen Web CAD platform (next.amcax.net). Key achievements: • Established core architectural standards: implemented GitLab CI/CD pipelines, enforced strict TypeScript/ESLint rules, and initiated biweekly tech sharing sessions. • SDK Infrastructure: Led the modular packaging of AMCAX SDK using Rollup, publishing to internal npm for cross-project reusability. • Command Framework: Revolutionized feature delivery by customizing RJSF (JSON Schema Form) for complex CAD command inputs. • Assembly & Constraints: Led the 0-1 development of the Assembly module, implementing 3D constraints, linear/circular patterns, and real-time animation previews. • Interactive Tools: Developed high-precision 3D controllers (Translate/Rotate), custom mouse control schemes (CATIA/SolidWorks/NX). • Advanced Modeling: Implemented high-impact features including Hole, Sketch Rabbet, and Law Curve.

ReactThree.jsRJSFTypeScriptWebGLRollupGitLab CI

Staff Software Engineer

VMware
2017 - 2024

Led frontend development for cloud management and commerce platforms. Key contributions: • VCPP Commerce Portal: Developed core modules for usage reports, billing, and email notification configurations. • Usage Meter Appliance: Architected a scalable dashboard fully compliant with international accessibility (A11y) standards, using Angular and RxJS. • Cloud Director Integration: Developed core UI modules for the Object Storage Extension, integrating bucket/object management into the vApp ecosystem. • Community & Mentorship: Acted as problem setter for VMware China Coding Competition (CCC) and significantly improved team practices through rigorous code reviews.

AngularRxJSNgRxTypeScriptClarity UIA11y

Senior Software Engineer & Tech Lead

Waylens | CTrip | Yunshung
Early Career

Diverse experience across automotive, travel, and medical tech: • Waylens: Developed video portals and overlay gauge APIs for automotive camera systems using React and Vue. • Yunshung: Tech Lead for a Remote Radiology Diagnosis Platform; patented an improved pyramid representation for massive medical images.

Vue.jsReactNode.jsMedical ImagingGIS

Open Source Contributions

Angular Ecosystem

  • Angular Documentation: Generalized the concept of Pipes, advocating for their use as versatile data transformers (e.g., real-time form state validation) beyond simple formatting.
  • Clarity Design System: Optimized for micro-frontend architectures and improved A11y through intelligent tabindex management and ARIA enhancements.
  • Utility Packages: Authored and maintained popular directives like 'ngx-trim-directive' (10K+ weekly downloads) and 'ngx-cleave-directive' (2K+ weekly downloads), providing seamless integrations for enterprise forms.
AngularRxJSTypeScriptA11y

Vue.js Ecosystem

  • Vue.js Core: Implemented the 'v-on.once' modifier and critical runtime warnings in Vue 1.0/2.0 core.
  • Community Leadership: Authored the 'Think in Vue' Zhihu column (19 deep-dive articles). Served as the #1 contributor for the Vue.js tag on SegmentFault.com from 2016-2019, and maintained a Top 10 ranking for nearly 8 years until 2023.
  • Vue.js Documentation: Clarified key concepts including 'render function priorities' and 'event modifiers' in the official v2.vuejs.org guide.
  • Ecosystem: Authored Vuex best practices for form handling and contributed to 'vue-i18n' localization features.
Vue.jsVuexWebpacki18n

Work & Open Source

A selection of professional CAD platforms, enterprise solutions, and AI-powered hobby projects (Vibe Coding), alongside contributions to the Vue/Angular ecosystems.

Professional

AMCAX Web CAD Platform

Architected the frontend for a next-gen browser CAD system. Implemented precision 3D interactions (picking, view controls) and complex feature previews, including Linear/Circular Patterns with instance skipping. Developed part transformation controllers and animation previews for assembly constraints.

#React#Three.js#CAD#WebGL
Professional

VMware Usage Meter

An enterprise-scale SaaS dashboard for global resource tracking. Focused on high availability, accessibility (WCAG), and seamless integration with VMware Cloud Director.

#Angular#A11y#Enterprise#RxJS
Professional

VCD Object Storage Extension

Developed core UI modules for integrating S3-compatible object storage into VMware Cloud Director, enabling service providers to manage buckets and objects at scale.

#Angular#Cloud#S3#Enterprise
Professional

VCPP Commerce Portal

Built key modules for the cloud provider commerce platform, including complex usage reporting, billing configurations, and automated email notification configurations.

#Angular#CloudOps#Management#Enterprise
Professional

Medical Image Pyramid (Patent)

A mission-critical remote radiology platform. Patented an improved pyramid representation algorithm for high-performance viewing of ultra-large medical datasets.

#Medical Tech#Node.js#GIS#Patent
Angular

Angular Utility Packages

A high-utility monorepo featuring 'ngx-trim-directive' (10K+ weekly downloads) and 'ngx-cleave-directive'. Demonstrates advanced Angular patterns and enterprise-grade utility management.

#Angular#Monorepo#Open Source#NPM
Three.js

Three.js Dual Controller

A 3D interaction library demonstrating complex transform controls for manipulating objects, reflecting deep expertise in WebGL-based interaction.

#Three.js#WebGL#Interaction
Vue

Clarity Icons Vue

Vue.js component wrapper for VMware's Clarity Icons, enabling easy integration of enterprise design tokens into Vue applications.

#Vue.js#Clarity UI#NPM
Vue

Vue Course Slides

An educational demonstration of Vue.js, Webpack, and vue-loader configuration, including live editing result previews.

#Webpack#Vue.js#Education
Hobby

SmartProxy

A high-performance proxy management utility written in Go, focusing on speed, reliability, and efficient network routing.

#Go#Network#Tool
Hobby

Max3

A lightweight window management utility scripted in AutoHotKey, serving as a high-performance replacement for MaxTo on Windows.

#AutoHotKey#Windows#Productivity
Hobby

Baidu Map Indoor Lite

A GIS utility for customized layer tile cutting, enabling efficient indoor map rendering and management for large venues.

#GIS#Baidu Map#Tiling
Hobby

Index File Manager VSCode Extension

Automates directory cleanup with bi-directional renaming between 'index' files and their parent folders (e.g., Button/index.tsx ↔ Button.tsx). Also features a command to auto-generate index files with bulk exports from all sub-files.

#VSCode#Extension#Tool
Hobby

Peptide Segment Conjecture

A specialized utility for biological research that conjectures possible peptide segments based on molecular weight and biochemical constraints.

#Biotech#Algorithms#Utility
Hobby

Workout Timer

A modern, AI-assisted (Vibe Coding) fitness application designed for personal interval training and workout tracking.

#TypeScript#PWA#AI-Generated#VibeCoding