Germany (CET) | Hybrid & Remote

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.

What I Do

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.

Technical Toolkit

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

ReactNext.jsTypeScriptVue 3Nuxt 3Astro (Islands)Nx (Monorepo)Micro-frontendsTanStack Queryzustand / PiniaTailwind CSSDesign Systems

AI Engineering & Backend

OpenAI API (Azure)Gemini APILangGraph AgentsRAG / pgvectorPrompt EngineeringPython / FastAPINode.jsSupabaseEdge FunctionsGraphQL

QA & DevOps

CypressPlaywrightVitestJestPuppeteerGitHub ActionsCI/CDTestRailWebpackVite

Design & Product

FigmaShopifyGA4 / GTMSEO / Core Web VitalsHotjarAccessibility (a11y)Adobe XDDesign SystemsUI/UX
Proven Results

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.

50%

Faster Time-to-Market

AUTOMATED QA PIPELINES

Reduced regression testing cycles via Cypress & TestRail integration.

30%

Performance Boost

MODULAR ARCHITECTURE

Improved render speeds and scalability using Next.js & Nx Monorepos.

40%

Conversion Uplift

DATA-DRIVEN UX STRATEGY

Optimized e-commerce funnels based on user behavior analytics.

Innovation & Impact

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.

Lucky Duck — Rewards Platform MVP banner
01
AstroReactTypeScriptTailwind CSSFramer Motion

Lucky Duck — Rewards Platform MVP

A mobile-first MVP for a consumer rewards platform, designed and engineered end-to-end. The prototype is structured around measurable growth loops (acquisition, activation, retention) rather than static screens, so every interaction maps to a product hypothesis.

Design
Personal AI German Tutor banner
02
Next.jsOpenAI/GeminiSpeech-to-TextPWAPrompt Engineering

Personal AI German Tutor

A voice-first language simulator for real-life German, built for my own integration in Germany. Whisper handles speech recognition, Gemini provides context-aware feedback on grammar and pronunciation, and the whole thing runs as a PWA. Textbook German is not street German; this closes that gap.

Full Stack
AI Smart Travel Expense Tracker banner
03
ReactSupabaseGemini AIGoogle MapsFull-StackEdge Functions

AI Smart Travel Expense Tracker

Receipt in, structured data out. Gemini's multimodal parsing eliminates manual entry, while Supabase handles real-time group collaboration across currencies. The hard part was not the AI call; it was making the parsing reliable enough that users stop double-checking it.

Full Stack
Pilotfit — AI Job Search Platform banner
04
FastAPIReactLangGraphpgvectorGemini

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.

Full Stack
Institutional Fintech Dashboard banner
05
ReactTypeScriptData VisualizationREST API

Institutional Fintech Dashboard

High-density financial visualization for institutional users, where API contract precision and rendering performance are non-negotiable. No AI here, deliberately: it demonstrates the frontend rigor that the AI projects are built on.

Frontend
Daily Tomato Todo banner
06
Vue 3PiniaCSS Scroll SnapPWA

Daily Tomato Todo

A Vue 3 + Pinia daily planner where the todo list and the Pomodoro timer are one product, not two features. Swipeable day cards, a calendar hidden behind the header date, and a focus mode that takes over the whole screen on purpose.

Frontend
Data-Centre Asset Management Platform banner
07
React 18TanStack QueryzustandRBACDesign Systemi18next

Data-Centre Asset Management Platform

Lead frontend on a client platform for managing data-centre inventory: 9 modules, 284 screens, four permission roles, and every write operation routed through a shared approval flow. The work here is architecture, not screens — decide once, compose everywhere.

Frontend
Toxicology Research Platform banner
08
Nuxt 3Vue 3Plotly.jsData VisualizationVitestPlaywright

Toxicology Research Platform

A Nuxt 3 analysis platform built for a university toxicology research team: mass-spectrum visualization, molecular similarity search, and reports that export straight out of a live analysis. Scientific tooling has a different bar — a plausible-looking chart is worse than no chart.

Frontend
This Site — From SPA to Astro Islands banner
09
AstroReactIslands ArchitectureCore Web Vitalsi18nthree.js

This Site — From SPA to Astro Islands

The site you are reading. Rebuilt from a fully client-rendered React SPA into Astro with islands architecture, then tuned until the mobile numbers stopped being embarrassing. Every optimization is written up in the blog, including the ones that did not work.

Frontend
From the Blog

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.

Content Prioritization for AI Search: What to Double Down On, What to Stop Making
Engineering & Insights

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
Product & Design

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.

Designing Lucky Duck: A Rewards Platform MVP as a Growth Function
Product & Design

Designing Lucky Duck: A Rewards Platform MVP as a Growth Function

A product + front-end case study on Lucky Duck — a consumer rewards platform MVP concept. How I structured the experience around growth loops, built a token-based design system for light & dark, and shipped a fully clickable prototype on the same stack the product would launch on.

AI 搜尋時代的內容優先級:哪些頁面該加碼,哪些該收手
Engineering & Insights

AI 搜尋時代的內容優先級:哪些頁面該加碼,哪些該收手

AI 可以幫使用者回答問題,但交易還是發生在你的網站上。這篇整理 Aleyda Solis 的 AI 搜尋內容優先級指南——該拉高的四種頁面、要多一道判斷的四種內容,以及用六個項目替每個題目打分的方法。

設計 Daily Tomato Todo:當待辦清單和計時器是同一個產品
Product & Design

設計 Daily Tomato Todo:當待辦清單和計時器是同一個產品

一個產品 + 前端的案例研究——Daily Tomato Todo,一個帶全畫面蕃茄鐘的 Vue 3 + Pinia 每日計畫工具。為什麼「按天計畫」和「專注做一件事」應該是同一個動作,以及四個設計決策如何撐起整個 app。

設計 Lucky Duck:把獎勵平台 MVP 當成一種成長函數
Product & Design

設計 Lucky Duck:把獎勵平台 MVP 當成一種成長函數

一個產品 + 前端的案例研究——Lucky Duck,一個消費者獎勵平台的 MVP 概念。我如何把體驗圍繞成長迴圈來設計、建立一套淺色與深色通用的 token 設計系統,並用產品實際上線會採用的同一套技術棧,做出完全可點擊的原型。

Content-Priorisierung für die KI-Suche: Worauf setzen, was weglassen
Engineering & Insights

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
Product & Design

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.

Lucky Duck gestalten: Eine Rewards-Plattform-MVP als Growth-Funktion
Product & Design

Lucky Duck gestalten: Eine Rewards-Plattform-MVP als Growth-Funktion

Eine Produkt- und Frontend-Fallstudie zu Lucky Duck — einem MVP-Konzept für eine Verbraucher-Rewards-Plattform. Wie ich das Erlebnis um Growth Loops herum strukturiert, ein token-basiertes Designsystem für Hell & Dunkel gebaut und einen voll klickbaren Prototyp auf genau dem Stack ausgeliefert habe, auf dem das Produkt starten würde.

The Person Behind the Pixels

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

2009 — 2011

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

2005 — 2009

Foundation in 3D logic and visual programming. Capstone Project: Engineered a fully functional e-commerce web platform.

Global Perspective & Resilience

🇩🇪Based in Germany

Now

Achstetten, near Ulm

Living and working in southern Germany with full work authorization (Aufenthaltserlaubnis). Mandarin native, English fluent, German in training.

🏆TrendMicro Global AI Contest

2023

Innovation Award Winner

Conceptualized 'GrandKid', an AI companion for elderly care. Recognized for innovative LLM application.

🌎Honeymoon Backpacking Expedition

2020

Chile, 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

2013

Harnas Foundation, Namibia

Collaborated with international teams on wildlife rehabilitation. Learned patience and execution in resource-constrained settings.

🍁Working Holiday

2012

Vancouver, Canada

Year-long immersion in multicultural work environments, strengthening cross-cultural communication early in my career.

Professional Trajectory

Professional Trajectory

Nine years of frontend engineering across e-commerce, B2B SaaS, and automotive cybersecurity, with three years of design practice before that, and independent client work since 2025. I have seen jQuery spaghetti become React ecosystems, and led teams through the migration.

Independent Frontend & AI Engineer

Mar 2025 - Present

Freelance & Independent Products

Client engagements as lead frontend engineer on long-running enterprise and research platforms, alongside my own AI products shipped end to end.

Key Achievements

  • Data-centre asset management platform: lead frontend on a two-phase build scoped at ~289 person-days across 9 modules and 284 screens. Set the architecture — API-first boundaries, TanStack Query, zustand, RBAC via context — plus the shared component library every module composes from.
  • Built a reusable three-stage approval flow and four-role RBAC with field-level amount masking, so permissions and audit trails are defined once instead of re-implemented per module.

Senior Front-End Engineer

Sep 2021 - Feb 2025

VicOne (Trend Micro)

Delivering cybersecurity software and services for the automotive industry. Specializing in micro-frontends, AI integration, and automated testing.

Key Achievements

  • Automated UI end-to-end testing using Cypress and TestRail, reducing QA cycle time by 50%.
  • Implemented B2B VSOC platform using Nx monorepo, reducing human error rates by 80%.

Senior Front-End Engineer

May 2020 - Sep 2021

Synttro

Developed team collaboration CMS systems for the B2B construction industry.

Key Achievements

  • Developed a drag-and-drop form builder with React DnD and schema validation.
  • Built digital signature approval flows with canvas-based sketch input.

Front-End Developer

May 2018 - Aug 2019

Citiesocial

Online selection shop established by Shopify. Focused on e-commerce optimization.

Key Achievements

  • Designed Shopify interfaces boosting conversion rates by 10%.
  • Optimized SEO strategies securing first-page rankings (10% traffic boost).

Engineer

Aug 2016 - Mar 2018

MOMO (Fubon Multimedia)

Leading online retail company in Taiwan.

Key Achievements

  • Refactored desktop and mobile homepage interfaces for accessibility.
  • Leveraged GA data to personalize search results and suggestions.

Graphic & Web Designer

2013 - 2016

Skyway Inc. & TUKEEN Inc.

Design background foundation.

Key Achievements

  • Maintained websites and optimized UI for SMEs.
  • Managed photography, branding, and exhibition materials.
Open to opportunities

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.

Prefer a call? Book 30 minutes