Thanachon "First" Supasatian
AI Product Engineer
Designing and shipping AI systems that automate real workflows. From frontend architecture to LLM integration.
4+ years shipping production software. 7+ years in engineering background.
Now focused on AI product development
See how I design and ship real systems
Engineering → Software → AI Product
A 7+ Year Engineering Arc
From MEP systems to self-taught software to AI-first product building — with proof at every stage
2022
The Craft
Joined MAQE Bangkok
MAQE Bangkok
Started as a professional Software Engineer after a 12-month self-study pivot and entered a high-trust agency environment serving enterprise clients.
AP Thai — Property Discovery Platform
MAQE Bangkok
Consumer-facing home discovery platform for one of Thailand’s largest property developers. Early proof of scale, analytics, and production quality.
Peatix Series — Long-Term Product Partnership
MAQE Bangkok
A long-running engagement that evolved into the deepest client-trust proof in the portfolio. Became the trusted frontend owner over multiple years.
2023
The Frontier
FEDx Guild — Knowledge Leadership
MAQE Bangkok
Co-founded and led the Frontend Excellence Guild, turning personal craft into team-wide leverage over 400+ days.
Token Gating — NFT Access Control
MAQE Bangkok
Full-stack NFT access control shipped under delivery pressure. Learned Web3 by building it in production, not by studying it in isolation.
MAQE Website v5 — Full Ownership
MAQE Bangkok
Primary owner for MAQE’s corporate website rebuild across architecture, design implementation, performance, and maintenance.
B2B Online Catalog Platform
MAQE Bangkok
Headless B2B commerce work that replaced manual sales workflows with a digital catalog and business-ready frontend experience.
TOEIC 910 — Second Attempt
CPA (Thailand)
Re-certified with a higher score to maintain international standards and demonstrate continuous improvement in global communication.
2024
The Intelligence Layer
Tangier — Web3 DAO Giving Circles
MAQE Bangkok
Decentralized governance infrastructure on Ethereum with smart contracts, proposal flows, voting, and fund distribution.
AI Event Creation Platform — Production GenAI
MAQE Bangkok
First production AI feature shipped to real users, where the job stopped being “build interfaces” and became “build interfaces that think.”
AWS Certified Cloud Practitioner
AWS
Formalized cloud architecture knowledge built across years of production delivery during the TeamStack transition.
2025
The Vision
Transition to TeamStack — Building From the Ground Up
TeamStack
Moved from client delivery into a product-focused environment with founder proximity, direct ownership, and a 3-year product roadmap.
TeamStack Roster — Team Management Product
TeamStack
Shipped a real team-management product to MVP with end-to-end ownership from architecture to release.
The Air Product — AI-First SaaS
TeamStack
Current flagship work: building an AI-first internal product with a 3-year strategic vision, directly with the CEO across product, architecture, and UX.
What This Arc Points Toward
I’m now optimizing for AI-first product roles where systems thinking, ownership, and founder proximity matter — and where this trajectory keeps compounding.
Flagship Work & Proof
Ordered by strategic signal strength: current flagship work, shipped AI, and the ownership stories behind each build

The Air Product
AI-first internal product with a 3-year strategic vision
The team lacked an intelligent, context-aware internal tool that adapted to real-world workflows.
Architecture, frontend, AI workflow integration, and direct strategic collaboration with the CEO.

AI Event Creation Platform
Making event creation intelligent, not just digital
Event organizers spent too much time on repetitive content tasks that AI could reliably handle.
OpenAI SDK integration, AI UX patterns, full frontend delivery, and production rollout on AWS.

TeamStack Roster
Team management product shipped from 0 to MVP
High-performance teams need better tools for roster management and coordination.
Full product ownership: architecture, feature definition, and release readiness.

Tangier — Decentralized Giving
Trustless community fundraising on Ethereum
Communities need transparent, immutable systems for governance and fund allocation.
Solidity contracts, full frontend delivery, and Web3 integration architecture.

Token Gating — NFT Access Control
Your NFT is your ticket, verified across chains
Clients needed to control access based on NFT ownership without high user friction.
Full-stack delivery covering Vue 3 frontend, NestJS API, and multi-chain Web3 integration.

AP Thai — Property Discovery
Modernizing the home-buying experience for Thailand’s top developer
Property discovery needs to handle high scale and complex search behaviors on mobile-first devices.
Main NuxtJS frontend, GA4 analytics instrumentation, and Cypress E2E coverage.

B2B Catalog Platform
Replacing manual B2B sales with headless commerce
B2B work has specific constraints like bulk ordering, complex pricing, and business workflows.
React, GraphQL, Apollo frontend delivery, and Magento integration architecture.

MAQE Website v5
Full ownership of a core production asset
Corporate websites require ongoing ownership across architecture, performance, and maintenance.
Primary ownership of architecture, implementation quality, performance, and maintenance.
Core Capabilities
I design and deliver production systems—from high-performance frontends to AI-powered features—aligned with product and business outcomes.
Frontend Systems & Experience Engineering
Framework-first. System-aware. User-obsessed.
Frameworks & Rendering
Language & Type Safety
State & Data Flow
Forms & Validation
UI Systems & Styling
Testing & Quality
Tooling & Dev Experience
⚡“I design complete frontend systems, not just screens.”
Fullstack Systems & Infrastructure Delivery
From API contract to deployed container.
Backend Architecture
tech.subsystems.language
Data Layer
Cloud & Platforms
DevOps & Deployment
⚡“Can independently ship and operate systems in production.”
AI Systems & Intelligent Automation
LLMs in production. Systems that reason.
LLM Integration
Retrieval & Context Systems
AI Engineering Practices
Cloud AI Platforms
Automation & Workflow Tools
⚡“I can design real AI systems, not just call APIs.”
Product & Business Impact
Code that moves metrics, not just pixels.
Analytics & Tracking
Observability & Reliability
Project Management & Documentation
Design & Collaboration
Agile Practices
⚡“I don't just build features—I measure, debug, and improve business outcomes.”
Voices from the Field
Real words from clients, managers, and collaborators who have seen my work in the arena.
Loading testimonials...