ABOUT
Staff Frontend Engineer building frontend platforms, improving product outcomes, and enabling teams through design systems and AI workflows.
Side Projects
zawa.archive
A curated store for pre-owned Japanese menswear. I build the website and handle product curation, brand direction, and daily operations.
Experience
Dcard
Frontend Platform
CSS Architecture: Evolved the CSS architecture: styled-components → Linaria → Calico (JavaScript) → Calico (Rust). Used AI collaboration to rewrite the compiler in Rust with oxc and NAPI-RS.
Team Toolchain: Moved proven experiments into team-wide use. Adopted Vitest, Turborepo, oxlint, and oxfmt, alongside React 19, Next.js 16, and TypeScript 7.
Build Performance: Led the Turbopack migration, cutting main-site builds from 4m 35s to 1m 22s. Removed webpack, Babel, and roughly 30,000 lines of legacy code. Added automatic bundle comparisons to every pull request.
Product & Business Impact
Product Definition: Used traffic and revenue data to challenge advertising assumptions, correct measurement errors, and reset priorities. Owned product requirements and Web monetization engineering.
Advertising Platform: Built shared ad delivery, header bidding, and fallback mechanisms. Reduced policy violations by nearly 60% and raised compliant serving to 98%.
Product Delivery: Delivered search experiments that increased recommendation CTR from 0.52% to 4.32% for external visitors. Delivered Web identity features and professional and school mentions.
Operations Tools: Built reusable campaign controls that let operations launch campaigns without native app releases. Replaced manual database changes with verification and campaign management consoles.
Creative Studio: Defined requirements and built an ad creative studio. Enabled sales, design, and operations to produce compliant creatives independently.
Architecture & Reliability
App Router & State: Shipped the Pages Router to App Router migration to improve UX. Unified attribution across routers and replaced Redux with React Query and Jotai.
Cross-Platform Delivery: Coordinated article view counts across API, Web, iOS, and Android. Contributed native code directly and worked with platform engineers on review.
Production Safeguards: Strengthened cache, authentication, and privacy boundaries. Shipped a critical security patch the next morning and restored nightly production smoke tests with 15 passing scenarios.
Design Systems & AI Collaboration
Cross-Platform Design System: Defined the monorepo architecture, Rust token generator, and component recipe generation. Aligned Web, iOS, Android, and design on shared component specifications.
Design to Production: Built AI prototype, visual editing, preview, and deployment workflows with controlled editing boundaries. Enabled designers to open 39 pull requests and move a campaign prototype into production.
AI Quality & Enablement: Established shared AI workflows for engineering, design, product, and QA. Used characterization tests, independent reviews, and separate verifiers to validate large refactors and production changes.
Dcard
Architecture & Delivery
Balanced high-paced feature delivery with critical architectural initiatives (e.g., React 18 upgrade, early CI optimizations).
Product Feature Parity
Bridged the gap between App and Web by delivering complex features including Direct Messages, Stickers, and Global Blocking systems.
Talent Acquisition
Revamped the intern recruitment process, reviewing 70+ applications in one week and mentoring selected candidates.
Operational Efficiency
Built internal consoles for BD/CS teams (Keyword Management, NSFW moderation), reducing manual operational overhead.
Yoctol Info. Inc.
Design System
Built "Tailor UI," a cross-product design system that standardized UI consistency.
TypeScript
Led the adoption of TypeScript, achieving 89% frontend type coverage.
Performance
Improved event response speed by 8.15x and reduced initial load size by 46%.
Full Stack
Handled end-to-end development including GraphQL schema design and backend resolvers.
ifalo
Web Development
Built interactive game interfaces and real-time chat systems using Vue.js and WebSocket.
DevOps
Introduced CI/CD pipelines to automate testing and deployment workflows.