Yang Pengfei

Full-stack engineer / AI product development
Core contributor to Element Plus X, with 7 years in web and full-stack engineering, including roughly 2 years building AI products. I’ve led delivery of enterprise admin systems, electronic records/archives, AIGC creative platforms, and similar products. I’m strong across Vue, React, Go, Node.js, engineering/tooling, micro-frontends, component libraries, CI/CD, and API-first delivery — from requirements and frontend architecture through integration, deployment, and handoff.

Experience

AI product — full-stack engineer

  • Led an API-first workflow where OpenAPI (`openapi.yaml`) was the single source of truth, powering Go `oapi-codegen` and frontend `openapi-typescript` so types stay aligned and integration is cheaper.
  • Helped build Go services (`http.ServeMux` + `database/sql`) for auth, sub-accounts, invites, credits/ledger, payments, and media jobs, with consistent `WriteJSON` / `WriteError` responses.
  • Owned major Canvas editor work — React Flow graphs for image-to-image, reference-to-video, and first/last-frame video flows, with uploads, URL parsing, draft persistence, session locking, and conflict handling across devices.
  • Helped ship the admin RBAC story — separate admin JWT, roles (viewer / operator / super_admin), and audit middleware so operational access is traceable and bounded.
  • Improved growth analytics — invite codes and aggregated spend (including rollups for sub-accounts), with admin views for user detail, top-ups, and monthly invite performance.
  • Go
  • React
  • TypeScript
  • PostgreSQL
  • OpenAPI
  • React Flow
  • JWT
  • RBAC
  • Docker

Web frontend / full-stack engineer

  • Led frontend architecture and core modules for cloud financial archives and budget-control products, including cross-device polish.
  • Built a module-driven page builder — config-driven pages, forms, and validation to ship complex screens faster.
  • Created an internal CLI and shared config baseline — templates, build conventions, and reuse patterns for the team.
  • Contributed to a Qiankun-based micro-frontend setup, using Git Submodule to manage multi-repo modules.
  • Partnered with backend on OAuth sign-in, OCR document processing, and third-party integrations end to end.
  • Vue 3
  • Vite
  • TypeScript
  • Node.js
  • Express
  • Qiankun
  • Element Plus
  • Webpack
  • Redis
  • Docker
  • CI/CD

Frontend lead

  • Led the BOSS program frontend — planning, stakeholder sync, code standards, and release quality.
  • Shipped the admin console and storefront flows — ordering, workflow, analytics, and reporting in one loop.
  • Integrated Alipay and enterprise payments with callbacks, reconciliation, and business analytics.
  • Used Webpack splits, lazy-loaded images, MD5 hashing, and similar techniques for performance and safer data handling.
  • Coordinated the team for milestones and on-time launches.
  • Vue
  • Webpack
  • Ant Design
  • Node.js
  • MySQL
  • Axios
  • Chart.js
  • Git

Frontend engineer (intern)

  • Owned the punch-in tasks module on mobile web — end-to-end implementation and API integration.
  • Built create/submit/schedule flows that improved how assignments are managed and graded.
  • Broke down requirements, built reusable pieces, and partnered on QA through internship goals.
  • Vue
  • JavaScript
  • Axios
  • Git

Highlights

AI product delivery

~2 years in AIGC products; led full-stack work on AIDrama — React Flow graphs, image/video generation, credits/billing, and referrals — with a real API-first workflow in production.

Frontend engineering & platformization

Comfortable with Webpack, Vite, CLIs, component libraries, and config-driven UI — the kind of tooling that helps teams move together without thrash.

Open source & writing

Active in ecosystems like Element Plus and Ant Design; blog posts on Vue internals, applied AI, and shipping lessons.

Education

Handan University · Computer Science and Technology · B.Sc.

Core CS coursework — software engineering, databases, and web development — plus continuous learning from production work.

Skills

  • Frontend: Vue 2/3, Vue Router, Pinia, React, Vite, Webpack, Qiankun micro-frontends
  • UI & components: Element Plus, Ant Design, responsive layouts, advanced forms/tables, config-driven page builders
  • Backend & APIs: Go, Node.js, Express, REST, OpenAPI, OAuth, payment webhooks, OCR integrations
  • Data & infra: PostgreSQL, MySQL, Redis, reporting, permissions, operational dashboards
  • Engineering: internal CLIs, modular configs, Git Submodule, ESLint/Prettier, CI/CD, Docker
  • AI delivery: AIGC products, Canvas graph editors, React Flow, API-first workflows, prompt/design for dev velocity
  • Collaboration: requirements breakdown, planning, code review, cross-team comms, deployment and handoff

Links

If embedded links don’t work in your PDF viewer, you can use these direct links:

  • data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAklEQVR4AewaftIAAAK2SURBVO3BQYocOQAAwUxR//9yri+Cxqimq9GM7QVFCMQPqZhUpopJ5VXFpLJScUdlqphUfsLg2DI4tgyOLRe/qdihslIxqdxRWan4LhU7VKbBsWVwbLn4gso7FU+oPFGxovJExSdUnqhYGRxbBseWi3+YykrFv2JwbBkcWy7+goo7Ku+oPFHx0wbHlsGx5eILFd+lYkXlTsWKylSxo2LH4NgyOLYMji0Xv1H5CSpTxZ2KSWWqeEJlqlhR+S6DY8vg2HJV/AkV36ViUnlVsVLxEwbHlsGx5VL5VMUdlaliUpkq7qi8ozJVvFJZqVhReaJiUpkGx5bBseWquKPyqYqViicqJpUdFSsqU8UTKlPFNDi2DI4tAvGiYlL5F1U8ofJOxY7BsWVwbBkcWy4eqphU7lRMKp+qWFGZVO5UrFQ8obJSsTI4tgyOLfYLL1T+popJ5Z2KOyorFZPKq4pJ5Z3BsWVwbLFfeKEyVbyj8qpiUpkqJpWp4pXKSsWkcqdiReWJindUpsGxZXBsuXhIZaXilcpUMalMFU9UTCorFa9UVipWVO6orFRMg2PL4NhyqbyqeKdiUnlVMam8o/JExaRyp2JF5VMVKyrT4NgyOLYMji32CzdUViomlTsVk8pKxRMqU8UdlT9pcGwZHFsuvlDxTsUOlVcV36XiHZVXFZPKVDGpTINjy+DYcqn8lIqpYlKZKu6ofBeVqeJTKiuDY8vg2HLxm4odKu9UPFGxovKpik9VvDM4tgyOLRdfUHmn4lMqU8UdlalipeKVyqTyKZWpYkVlGhxbBseWwbHl4g9ReUJlR8WkslIxqdxReWdwbBkcWy7+J1SmiknlVcWOikllpWIaHFsGx5aLL1T8hIpJ5U7FpPKpikllR8XK4NgyOLYIxA+pmFSeqFhRWal4QuUnDI4tg2PLf6l4ZawBIIWeAAAAAElFTkSuQmCC QRCode GitHub
  • data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAklEQVR4AewaftIAAAK8SURBVO3BQW4bSRAAwcwG///lXF8KGAhDkURbWh86QiB+SMUrKlcVO1RGxVD5CYtjy+LYsji2PPiiYofKHZUdKqNiqFxVvFKxQ2Usji2LY8uDb6i8UvGpin+Fyjsq7iyOLYtjy4NfUjFURsUzKqNiqDyjMip+2uLYsji2PPglKndUriruqNyp+D8tji2LY8uDb1T8hIqh8o6KOyrPVLxSsWNxbFkcWxbHlgdfqPzrVEbFlcorKn/L4tiyOLbYH/wClVExVJ6p+Nctji2LY4tAPFExVEbFMyp3Kt6h8krFMyqjYqi8o2Ko3KkYi2PL4thif/CEyisVn1IZFVcqOyqGyqgYKqPiSuUTi2PL4tjyUHmm4o7KMyqvVHyqYofKqBgqz1QMlTuLY8vi2LI4tjwqnlG5UzFUriqGyqgYKjtUdqiMik9VjMWxZXFsefCFyqgYKncqrlReqRgqz1QMlVHx2yqGylgcWxbHlgffUHlF5apiqAyVOxVXKncqhsqo+A0qdxbHlsWx5aFyVfGKyqi4UhkVQ2VUDJV3qLxD5U7Fp1RGxVAZi2PL4thif3ChMipeUbmqGCqj4o7KMxWvqFxVDJVRMVRGxY7FsWVxbFkcWwTiDRV3VN5R8SmVOxXPqPy0irE4tiyOLY+KHRXvUHlHxSdUnql4ReWq4hWVsTi2LI4tD5WfUvFKxZXKnYqhMiquVO6ojIp3qLyyOLYsji0PvqjYoXKnYqgMlauKoXKn4lMVOyqGylgcWxbHlgffUHmlYkfFMxU7VHZUvLI4tiyOLYtjy4NfonJH5ZmKT1X8LSp3Ksbi2LI4tjz4JRVDZVTsULmqGCqjYqh8qmKojMWxZXFsefCNir9FZVQMlauKV1T+loorlVFxp2Isji2LY8uDL1R+U8UzKqNiVDyjMiqGyqj4lMqdxbFlcWz5D0mIYscUTCzSAAAAAElFTkSuQmCC QRCode Email
  • GitHub QRCode GitHub
  • Email QRCode Email
  • Phone QRCode Phone

Details may change over time

Last updated: 05-10-2026