Design Engineer • Bangkok, Thailand
Design engineer who thinks deeply about how products should work.
Background in physics with strong analytical foundations. Designs in code, not mockups. Experience with AI-assisted development workflows since early 2025 — from design exploration to code generation to building AI-powered products. Focused on user experience, interaction design, motion, and building interfaces that feel intentionally crafted.
TypeScript, React, Next.js, Astro, SwiftUI, Tailwind CSS, shadcn/ui
Motion (Framer Motion), CSS Animations, WAAPI
Claude Code, Cursor
2025 – Present
Designing and building websites for clients — visual design, interaction design, responsive development, and third-party integrations.
Mahidol University · 2025
Interactive Design Explorations
A portfolio site showcasing interactive components and motion studies. Each piece explores a specific interaction concept: motion that guides experience, interactions that feel intuitive, and paradigms for digital interfaces.
Next.js · TypeScript · Motion · Tailwind CSS
AI-Powered Learning Tool
An AI coding tutor built as a desktop app. Expert agent teaches concepts conversationally, then generates structured exercises (code-writing, MCQ) directly in the same flow. It evaluates responses, adapts difficulty, and maintains persistent learning context across sessions. Built on top of Claude Agent SDK.
Tauri · Next.js · TypeScript · Claude Agent SDK · Monaco Editor
Knowledge Management Tool
A knowledge management app built from the ground up. Instead of writing long documents upfront, knowledge accumulates naturally through short captures that link to topics, building a connected, browsable graph over time. Built for Mac and iOS.
SwiftUI · SQLite
Client Project — Marketing Website
Designed and built a marketing website matching the brand's premium hospitality. Focused on small interactions and animations that align with the brand aesthetics. Integrated with booking and payment systems.
Astro · Tailwind CSS · CSS Animations