AI APPLICATION · PRODUCT ENGINEERING · SYSTEM INTEGRATION AI · PRODUCT · SYSTEMS

TAIWAN / UTC+8

莊柏彥 · BOYAN AI Application & Product Engineer

把模糊的營運需求,做成可上線、可驗證、可維護的 AI 與全端系統。從需求拆解開始,一路做到 API、資料、權限、部署與實際營運;已交付多套 production 營運系統,並有開源上游合併紀錄。

BUILD
TypeScript · Node.js · React · PostgreSQL · AI/LLM Integration
FOCUS
AI Application · System Integration · Operations automation

01 / IDENTITY CARD

BOYAN

AI APPLICATION
PRODUCT ENGINEER

WORK INDEX 09 CASES

AI · API · DATA
INTEGRATION · OPS

  1. 01 AI 應用與產品工程 AI application & product engineering
  2. 02 全端與系統整合 Full-stack & system integration
  3. 03 上線與營運 Production & operations

CAPABILITIES

能力與技術

從需求拆解、AI 與系統整合到上線營運,列出目前解決的問題類型、使用的技術,以及實際放進作品的做法。

  1. AI application & product engineering

    AI 應用與產品工程

    把模糊的營運需求拆成可驗證的流程,接上 LLM 分類、自動化與 API,一路做到上線與實際營運。

    需求拆解 · LLM 整合 · AI 訊息分類 · 營運自動化 · Product Engineering

  2. Full-stack & system integration

    全端與系統整合

    介面、API、資料庫、權限與第三方服務接成同一條資料流;LINE、Ragic、PostgreSQL 都是實際接過的系統。

    TypeScript · Node.js · Express · React · PostgreSQL · LINE API · Ragic

  3. Production & operations

    上線與營運

    系統上線後的權限稽核、效能、備份復原與事故處理;同時維持內容結構讓人與搜尋引擎都讀得懂。

    權限與稽核 · 效能優化 · 備份復原 · 事故處理 · SEO / AEO

TECH INDEX

碰過的技術有這些

依實際專案、原型與開發環境整理;使用深度因專案而異,不把接觸過寫成精通。

  1. Frontend & interaction

    前端與互動

    • Astro
    • React 19
    • React Native
    • Expo
    • TypeScript
    • JavaScript
    • HTML
    • CSS
    • Vite
    • Wouter(路由)
    • TanStack Query
    • Tailwind CSS
    • shadcn/ui + Radix UI
    • React Hook Form + Zod
    • Framer Motion
    • Recharts
  2. Backend & API

    後端與 API

    • Node.js
    • Express
    • Python
    • REST API
    • WebSocket (ws)
    • Passport(local)
    • express-session + connect-pg-simple
    • Helmet + express-rate-limit
    • LINE Bot / LIFF
  3. Data & integration

    資料庫與整合

    • Drizzle ORM
    • PostgreSQL(Neon serverless / pg)
    • MongoDB + Mongoose
    • MySQL
    • Redis
    • Ragic
  4. Build, test & tools

    建置、測試與工具

    • esbuild
    • tsx
    • Vitest
    • Drizzle Kit
    • Docker Desktop
    • Git
    • GitHub / GitHub Desktop
    • Postman
    • MongoDB Compass
    • Anaconda
    • Cloudflare Workers
  5. AI & discoverability

    AI 與搜尋內容

    • AI 輔助研究與開發
    • AI 訊息分類
    • 語意化 HTML
    • Structured Data
    • SEO / AEO(持續研究)

WORK OVERVIEW

作品概覽

完整作品
  • Internship Systems

    • LIVE

    實習期間六套系統

    整合報名、排課、營運、通知與出勤流程,支援六套實際上線的營運系統。

  • Open-source Contribution

    • MERGED

    WorldMonitor 上游合併

    修正自架 Redis proxy 與新聞摘要命令落差,回歸測試一併被上游合併。

  • University Capstone

    • ARCHIVED

    大學畢業專題

    用手機預覽不同髮型,並銜接髮型瀏覽與預約流程的畢業專題原型。