Senior Frontend Engineer(每月有遠端日)
Posted Updated 3
views
Description
▍職務核心
以 MUI 風格為核心,主導可規模化的設計系統與元件庫。在設計輸入較慢的情境下,統整規範、定義 Token 與變體,並能直接產出高品質頁面與流暢體驗,加速從 PRD 到產品上線。
▍你會做什麼
1. 建立與維運 MUI Design System:涵蓋 Theme/Palette/Typography/Spacing/Elevation/State,支援多品牌與暗色主題。
2. 抽象常見頁型:抽象化 Layout、Form、Table、Dialog、空狀態/錯誤/載入頁面,提供可複用樣板以快速交付。
3. 元件文件化與規範:以 Storybook 文件化元件 API、變體與 a11y 規範,沉澱跨團隊的設計與工程共識。
4. 效能與 SEO 優化:使用 Next.js App Router + SSR/ISR/Edge 提升效能與 SEO,掌控 bundle 拆分與快取策略。
5. 型別安全與狀態管理:以 TypeScript 強化型別安全,結合 React Query/SWR 與 Recoil/Jotai 落地資料流與狀態管理。
6. 推動工程最佳實務:落實 Lint/Type Check、單元/整合/E2E 測試、GitHub Actions、自動化品質門檻與 Web Vitals 監控。
▍我們在找的人才
【必備條件】
- 5 年以上前端經驗、3 年以上 React/Next.js,能獨立交付並具備抽象能力。
- 深入使用 MUI(v5+):熟悉 Theme 擴充、sx/System、自訂元件 API、Emotion/styled。
- 精通 HTML5/CSS3/TypeScript,熟悉 RWD、跨瀏覽器相容性與 a11y;表單體驗佳(熟悉 React Hook Form 尤佳)。
- 具備設計系統/元件庫落地經驗(命名、變體、斷點、可組合性、文件化)。
- 具備良好溝通與規劃力,可在低設計輸入下主導規範並快速產出;英文讀寫中等以上。
【加分條件(Nice to have)】
- 熟知 AI 使用邊界(安全/隱私/授權/保密),具備將 AI 導入開發流程(文件生成、測試/PR 輔助、規範檢查)與提升效能之實務經驗。
- 熟悉設計 Token 流程(CSS Variables/Style Dictionary)、多品牌與 Dark Mode 治理。
- 熟悉 Storybook 生態(Controls/Docs/CI 視覺回歸)及測試工具(Playwright/Cypress/Jest)。
- 熟悉 MUI Data Grid/虛擬化、複雜表單與權限控管、i18n(next-i18next/next-intl)。
- 熟悉效能與觀測工具(LCP/CLS/INP、Profiler、Edge/Vercel)及錯誤追蹤(Sentry)。
- 具備即時互動(WebSocket)、大型網站/Monorepo(Turborepo/Nx)或區塊鏈/幣圈基礎知識。
▍工作方式
- Scrum 節奏:兩週一個 Sprint 交付節奏(計畫/開發/Review/Retro),以 DoR/DoD 與關鍵指標(Web Vitals/轉換率)驅動。
- 設計與工程契約:以 Storybook 作為設計-工程契約,與後端採契約/Mock 併行開發,降低等待成本。
- 品質把關:透過 Code Owners、型別/測試門檻與自動化檢查,確保程式品質與可維護性。
- 工具鏈輔助:善用工具鏈(Vercel、GitHub Actions、觀測/告警)與 AI 輔助,提升交付速度與穩定度。
▍我們提供
- 包含已購買的優質線上課程(TypeScript、測試、前端最佳實務)與學習補助。
- 友善協作文化與設備支援,並補助技術年會/社群參與。
- 具彈性與信任的文化(混合型上班型態)。