Senior Frontend Engineer Shueny Wang AI Solutions Builder
Frontend architecture that scales. AI features that ship.
Nine years of React and TypeScript across automotive cybersecurity, B2B SaaS, and e-commerce, including three and a half years at VicOne (Trend Micro) as sole frontend engineer. Since 2025, independent: lead frontend on enterprise platforms, and LLM products shipped end to end — RAG pipelines, agent workflows, and interfaces people trust.
Featured AI & Web Solutions
Featured AI & Web Solutions
Each project answers the same question: can AI capabilities become features real users rely on? Built end-to-end, from data pipeline to interface.
14 of 14 projects
Security Quest — Pixel-Art Frontend Security Explainer
An interactive, cute 8-bit learning post on the most common frontend security issues. A pixel-art player walks through every attack and the defense that stops it, with hands-on labs, in English, Chinese and German.
Dream Globe — Interactive 3D Night Earth
An interactive 3D night-Earth globe where people pin their dreams at real places. Every country (258) and every state or province (4,596) is hoverable, clickable and searchable, offline, built on React and raw Three.js with no map SDK doing the hard parts.
Pilotfit — AI Job Search Platform
A full-stack AI platform that turns the chaos of job searching into structured strategy, built solo and running with real beta users.
Three Things, Done Deeply
Three Things, Done Deeply
Frontend architecture, AI integration, and the engineering practices that keep both maintainable.
Frontend Architecture at Scale
React, Next.js, Vue 3, and Nx monorepos for complex business domains. I design component systems and micro-frontend structures that stay fast and maintainable as teams and codebases grow.
AI Integration That Ships
Beyond API calls: RAG pipelines, prompt orchestration, multimodal parsing, and cost-aware model routing. I have built AI features as the sole engineer, from schema design to production deployment.
Engineering Quality & Mentoring
Automated testing (Cypress, Playwright), code review culture, and legacy refactoring. I raise the baseline so quality does not depend on any single person.
Technologies & Tools
Technologies & Tools
The tools behind the work. Frontend is the core, AI engineering is the edge, and testing is the habit.
Frontend & Architecture
AI Engineering & Backend
QA & DevOps
Design & Product
Impact Dashboard
Impact Dashboard
Numbers from real production systems at VicOne, Synttro, and Citiesocial, and from client platforms shipped independently since 2025 — not estimates from side projects.
Faster Time-to-Market
Reduced regression testing cycles via Cypress & TestRail integration.
Performance Boost
Improved render speeds and scalability using Next.js & Nx Monorepos.
Conversion Uplift
Optimized e-commerce funnels based on user behavior analytics.
Writing & Notes
Build logs and technical notes — performance work with the numbers attached, case studies from shipped products, and what AI search changes about content.
Frontend Security Notes: Common Attacks and Fixes, Explained with Animations
From XSS and CSRF to token storage and CSP, the most common frontend security issues broken down into "how the attacker thinks → root cause → the right fix", each with an interactive step-by-step animation.
Content Prioritization for AI Search: What to Double Down On, What to Stop Making
AI can answer the question, but the transaction still happens on your site. A walkthrough of Aleyda Solis’ AI search content prioritization guide — the four page types to raise, the four that now need a judgment call, and a six-criteria scorecard for ranking your topic list.
Designing Daily Tomato Todo: When the Todo List and the Timer Are One Product
A product + front-end case study on Daily Tomato Todo — a Vue 3 + Pinia daily planner with a full-screen Pomodoro. Why planning by day and focusing on one task should be the same motion, and how four design decisions carry the whole app.
前端資安學習筆記：用互動動畫看懂常見攻擊與防禦
從 XSS、CSRF、Token 儲存到 CSP，把前端最常見的資安問題拆成「攻擊者怎麼想 → 根本原因 → 正確做法」，每一題都附一個可以一步步點的互動動畫。
AI 搜尋時代的內容優先級：哪些頁面該加碼，哪些該收手
AI 可以幫使用者回答問題，但交易還是發生在你的網站上。這篇整理 Aleyda Solis 的 AI 搜尋內容優先級指南——該拉高的四種頁面、要多一道判斷的四種內容，以及用六個項目替每個題目打分的方法。
設計 Daily Tomato Todo：當待辦清單和計時器是同一個產品
一個產品 + 前端的案例研究——Daily Tomato Todo，一個帶全畫面蕃茄鐘的 Vue 3 + Pinia 每日計畫工具。為什麼「按天計畫」和「專注做一件事」應該是同一個動作，以及四個設計決策如何撐起整個 app。
Frontend-Sicherheit verstehen: Häufige Angriffe und ihre Abwehr, erklärt mit Animationen
Von XSS und CSRF über Token-Speicherung bis CSP: die häufigsten Sicherheitsprobleme im Frontend, aufgeschlüsselt in „Wie denkt der Angreifer → Grundursache → richtige Lösung", jeweils mit einer interaktiven Schritt-für-Schritt-Animation.
Content-Priorisierung für die KI-Suche: Worauf setzen, was weglassen
KI kann die Frage beantworten – die Transaktion passiert trotzdem auf deiner Website. Eine Auswertung von Aleyda Solis’ Leitfaden zur Content-Priorisierung in der KI-Suche: die vier Seitentypen, die hochgestuft gehören, die vier, die jetzt eine Vorprüfung brauchen, und ein Scorecard mit sechs Kriterien für deine Themenliste.
Daily Tomato Todo gestalten: Wenn Todo-Liste und Timer ein Produkt sind
Eine Produkt- und Frontend-Fallstudie zu Daily Tomato Todo — einem Vue-3-Tagesplaner mit Pinia und Vollbild-Pomodoro. Warum Tagesplanung und fokussiertes Arbeiten dieselbe Bewegung sein sollten und wie vier Designentscheidungen die ganze App tragen.
Never two careers. One education.
Never two careers. One education.
My degree is in Computer Simulation and Design, where programming, 3D graphics, and visual design were a single curriculum. My Master's thesis was a 3D virtual museum guide built in Unity, then validated with quantitative usability research. Design and engineering have been one job for me ever since — which is why I own the architecture and the interface decisions together, rather than waiting for a finished spec to arrive.
In practice that means starting where the problem is still ambiguous: running discovery with domain experts, shaping the data model, then building the backend, the frontend, and the AI layer on top. LLM features especially live or die on interface decisions — how uncertainty is shown, when to ask for confirmation, where automation should stop and a human should decide. Those are design problems and engineering problems at the same time, and I have always worked on both sides of that line.
Education & Research
M.S. Information & Learning Technology
National University of Tainan
Thesis: a first-person 3D virtual museum guide built in Unity, validated with quantitative user research (SUS/IPO models). Degree ZAB-recognized in Germany.
B.S. Computer Simulation & Design
Shih Chien University
Foundation in 3D logic and visual programming. Capstone Project: Engineered a fully functional e-commerce web platform.
Global Perspective & Resilience
🇩🇪Based in Germany
NowAchstetten, near Ulm
Living and working in southern Germany with full work authorization (Aufenthaltserlaubnis). Mandarin native, English fluent, German in training.
🏆TrendMicro Global AI Contest
2023Innovation Award Winner
Conceptualized 'GrandKid', an AI companion for elderly care. Recognized for innovative LLM application.
🌎Honeymoon Backpacking Expedition
2020Chile, Argentina & Antarctica
A 60-day self-guided honeymoon for two hikers: Torres del Paine, Iguazú Falls, the Atacama Desert, Patagonia, and Antarctica.
🦁Wildlife Conservation Volunteer
2013Harnas Foundation, Namibia
Collaborated with international teams on wildlife rehabilitation. Learned patience and execution in resource-constrained settings.
🍁Working Holiday
2012Vancouver, Canada
Year-long immersion in multicultural work environments, strengthening cross-cultural communication early in my career.
Let's build something that ships.
Let's build something that ships.
Open to senior frontend and AI engineering roles (hybrid Ulm or remote), and selective technical consulting.