James Liao

James Liao

Full-stack Designer

I focus on driving product落地 through the efficient intuition of Vibe Coding, balancing the robust logic of Python, Go, and Java & Spring Boot with the dynamic interaction of React, Vue, and Flutter.

ReactTypeScriptTailwind CSSFigmaNode.jsNext.js
Contact Me

Selected Works

10 projects

DevOps Monitor

A unified infrastructure monitoring platform with real-time metrics, alerting, and incident management. Integrates with Kubernetes, Docker, and major cloud providers.

Vue.jsPrometheusKubernetesDocker
DevOps Monitor

Music Streaming App

A cross-platform music streaming application with offline playback, personalized playlists, and social sharing. Built with Flutter and a Go microservices backend.

FlutterGogRPCRedis
Music Streaming App

AI Chat Assistant

An intelligent conversational AI interface with streaming responses, multi-model support, and persistent chat history. Features a sleek, responsive design with markdown rendering.

ReactOpenAIStreamingMarkdown
AI Chat Assistant

AI Blog

A modern retro-style static blog system built with Next.js, Tailwind CSS, and MDX. Designed for developers and content creators who appreciate clean design and powerful features.

Next.jsReactTailwind CSSMDX
AI Blog

E-Commerce Dashboard

A real-time analytics dashboard for e-commerce platforms. Built with Next.js and D3.js for interactive data visualization, with live order tracking and revenue metrics.

Next.jsD3.jsPostgreSQLWebSocket
E-Commerce Dashboard

JD Customized Resume Generator

An AI-powered smart resume customization tool that automatically optimizes and rewrites resume content based on target Job Descriptions (JD), significantly improving initial screening pass rates.

Spring Boot 3Next.js 14AI / LLMPostgreSQL
JD Customized Resume Generator

Portfolio Website

A modern, minimal portfolio website built with React, TypeScript, and Tailwind CSS. Features markdown-driven content management and static site generation.

ReactTypeScriptTailwind CSSSSG
Portfolio Website

Prism Hair - Real-time AI Hair Color Engine

A real-time AI hair color transformation web app powered by MediaPipe Vision. Captures webcam video, uses a multi-class selfie segmentation model to precisely extract hair regions, and overlays color filters in real-time for a seamless virtual hair coloring experience.

React 19MediaPipeTypeScriptWebGPU
Prism Hair - Real-time AI Hair Color Engine

Design System Library

A comprehensive design system with reusable UI components, design tokens, and documentation. Built for scalability and consistency across multiple projects.

Design SystemReactStorybookCSS-in-JS
Design System Library

CLI Task Manager

A terminal-based task management tool with keyboard navigation, syntax highlighting, and SQLite storage. Built with Go for cross-platform compatibility.

GoCLISQLiteTUI
CLI Task Manager

© 2026 James Liao. All rights reserved.

Designed in Figma, built with Next.js & Tailwind.