Tim Kao

Letting AI operate internal APIs, directly and safely

Cut the time Sales spends building forms for customers

Every new customer meant Sales hand-building an online form from a spec, field by field — repetitive, yet never regular enough to template. I wrapped our backend APIs into an MCP Server so AI can call the right tools with the right parameters through natural language; people who can’t read an API can now drive one safely.

• stdio → SSE transport: usable by non-engineering Sales, not just a local toy
• An agent converts Swagger into tools automatically: the tool layer keeps up with API changes without manual upkeep
• Zod validation at the boundary: bad calls from AI are stopped before they reach the system

• TypeScript
• MCP
• SSE
• Zod

From a shared Next.js to a standalone SPA

The webapp and marketing site shared one Next.js app — the site needed SEO and SSR, the webapp needed post-login interactivity, and the two kept dragging each other down. I led the architectural decoupling, proposed it to management, and executed the migration to a pure SPA on Vite 7 + TanStack Router. With each half where it belongs, it isn’t one person who got faster — it’s the whole team’s iteration loop.

• HMR ~1075ms → ~138ms (7.8× faster)
• Build time 96.4s → 25.2s (3.8× faster)

• Vite 7
• TanStack Router
• React

Rebuilding the company’s internal UI library

Product components were scattered across customized MUI styles — every change began with archaeology, and one-off UI work never accumulated into an asset. I migrated the components from MUI to shadcn/ui with a wrapper pattern, rebuilt 50 components, and laid down a full testing foundation — turning one-off work into a reusable system: whoever touches a component, the tests have their back.

• 50 components aligned with the design system
• The whole suite runs in under 13 seconds

• Shadcn/ui
• Vitest
• Testing Library

BeeHabit

A personal project for building habits through LINE messages. One-tap logging via rich menu, progress visualized as a honeycomb — a complete side project from idea to launch.

• LINE Bot

Formu

A coordinate-based WYSIWYG form product that reproduces paper forms 1:1. The marketing site runs on its own domain with Astro, with perfect Lighthouse scores.

• Vite
• Hono
• SQLite
• Astro