A Blog by MH (Frank) Tsai
Software Engineer
I write about software development and productivity
Blog
01
MH (Frank) Tsai
Software Engineer
LLM workflows vs. AI agents
Discover the key differences between LLM workflows and AI agents in modern applications. Learn when to use structured workflows for regulated tasks versus autonomous agents for dynamic problem-solving. Explore real-world examples in customer service, comparing predetermined routing with adaptive decision-making.
2025 Feb 01
02
MH (Frank) Tsai
Software Engineer
Maximizing LLM for SaaS Success: Cost Savings, Time Efficiency, and Revenue Growth
Three categories of LLM features that can significantly enhance client satisfaction and willingness to pay, ultimately driving business growth.
2024 Mar 15
03
MH (Frank) Tsai
Software Engineer
Website Accessibility Checklist
Unlock the full potential of your website for all users with our essential Website Accessibility Checklist. This comprehensive guide focuses on key elements like keyboard navigation, focus indicators, ARIA roles, alt text for images, accessible forms, and semantic headings. Whether your visitors are using mobile devices, TVs, watches, or older tech, our checklist ensures seamless navigation and interaction for everyone. Enhance your site's accessibility and boost your SEO score by implementing these crucial accessibility features. Learn how to make your website universally accessible and user-friendly, no matter the device or context.
2023 Nov 12
04
MH (Frank) Tsai
Software Engineer
Difference between npm, yarn, and pnpm
npm, yarn, and pnpm are popular package managers for JavaScript. Choose the right one based on project size and requirements.
2023 Apr 10
05
MH (Frank) Tsai
Software Engineer
7 CSS tricks you must learn
Introduce 7 CSS tricks including: clip-path, gap, backdrop-filter, scroll-snap, aspect-ratio, :is(), :where(), and min() max clamp()
2023 Apr 03
06
MH (Frank) Tsai
Software Engineer
5 Tips for Boosting Productivity in ReactJS Development
I'll share 5 tips for boosting productivity in ReactJS development projects, including setting clear goals, using the right tools, breaking tasks into smaller pieces, automating repetitive tasks, and staying organized.
2023 Mar 22
Projects
The bot serves as the official chatbot for Lenny’s Newsletters. It has been trained on all of the newsletters and podcasts, and was built using ReactJs, NodeJs, and PostgreSQL + PGVector for storing the embeddings.
Built with Rust, rGPT allows you to run a pre-configured prompt in the terminal. It enables users to perform their daily GPT-related tasks through short-hand commands in their terminal.
Labs
01
MH (Frank) Tsai
Software Engineer
Add basic scroll-to-reveal transition in ReactJs
Use IntersectionObserver to implement a reusable react hook that provides every components a scroll-to-reveal transition animation.
2022 Oct 23