Yuan's Blog

A Deep Dive into AI Prompt Engineering

Thu, 08 Jan 2026 00:00:00 +0000

Anthropic prompt engineering experts—Amanda Askell (alignment fine-tuning), Alex Albert (developer relations), David Hershey (applied AI), and Zack Witten (prompt engineering)—share the evolution of prompt engineering, practical insights, and how prompting may evolve as AI capabilities advance.

How to Use Different Prompt Techniques to Make LLMs More Reliable?

Mon, 05 Jan 2026 00:00:00 +0000

How to make large language models smarter, more stable, and more reliable at completing complex tasks through different prompting techniques. Prompt Engineering improves results through better instruction design without changing model parameters. This article covers four perspectives: what Prompt techniques exist (capability boundaries), which scenarios each suits (when to use), pros/cons and costs (when not to use), and reusable Prompt templates (ready to use). Essentially an API documentation view of Prompt techniques. This content covers not just prompt writing tips, but the evolution from single Prompt expression to multi-step Prompt workflow orchestration to complete LLM application and system design patterns using Prompts as interfaces.

How to Hide Local Subtitles on macOS

Sat, 18 Oct 2025 00:00:00 +0000

If you often watch videos with embedded or local subtitles on your Mac, you may have noticed that macOS automatically displays them—even when you don’t need them.

Whether you’re editing a video, recording a demo, or simply prefer a clean viewing experience, here’s a simple and effective way to hide local subtitles system-wide using macOS’s built-in caption settings.

Step 1: Open the Captions Settings

Open System Settings.
In the search bar at the top, type “Captions.”
Click on Captions in the search results to open the caption customization panel.

Step 2: Create a Custom Caption Style

Click the “+” button to create a new caption style.
A configuration window will appear (see screenshot below).

Set the options as shown in the image:

How to Make a Liquid Glass Icon for Tauri Generated macOS App

Tue, 07 Oct 2025 00:00:00 +0000

Design your icon by 1024x1024, WITHOUT round corners
Use Icon Composer to generate the Liquid Glass version. For details, see Apple’s offical YouTube video
Use Figma to create a 1024x1024 canvas, and set its background color to transparent
Import the generated icon, resize it to 860x860, can place it in the center of the canvas
Group these two layers and export it
Place the exported icon into your Tauri project’s src-tauri/icons, and change its name to icon.png
Run pnpm tauri icon src-tauri/icons/icon.png, and then WOW!

You may encounter icon cache issues, run the following script (generated by Claude Code) can solve the problem.

How to Develop a Local Video App with Tauri on macOS

Tue, 08 Jul 2025 00:00:00 +0000

This article applies to scenarios where you develop a Tauri-based local video application on macOS. It highlights the fundamental difference between video resources and regular image/text assets in transmission mechanisms. Using the “data characteristics” of videos (such as Range requests) as the structural thread, it connects common issues and their solutions.

Tauri Video Not Playing? The Ultimate Solution for “Unsupported URL” on macOS

Tue, 08 Jul 2025 00:00:00 +0000

How can you elegantly play local video files (especially .mp4, .mkv) in Tauri? Maybe you’ve tried convertFileSrc, fetch + blob, or even modified CSP—but still end up with a black screen or errors? This article systematically reviews why it fails, what has been tried, why those attempts don’t work, and the final working solution.

Road to GenAI Application Engineers

Wed, 02 Jul 2025 00:00:00 +0000

AI building blocks

Prompting Techniques
RAG
Agentic Frameworks
Guardrails
Evals
Fine-Tuning
Computer Use / Tool Use
Asynchronous Programming
MCP

Prompting Techniques + Evals + Computer Use / Tool Use

[Anthropic Courses]（https://github.com/anthropics/courses）

RAG

JavaScript RAG Web Apps with LlamaIndex (DeepLearningAI Video Course

Patient Case Summary Workflow (RAG Tutorial): for runing .ipynb file, usingGoogle Colab

MCP

MCP: Build Rich-Context AI Apps with Anthropic MCP (Anthropic Doc)

Agentic Frameworks

AI Agents in LangGraph (DeepLearningAI Video Course) Event-Driven Agentic Document Workflows (DeepLearningAI Video Course) AI Agentic Design Patterns with AutoGen (DeepLearningAI Video Course)

Summary of The Copywriter’s Handbook

Sun, 29 Jun 2025 00:00:00 +0000

An interpretation of the full-chain copywriting mindset from The Copywriter’s Handbook — covering copywriting axioms, emotional triggers, visual elements, and action-oriented persuasion.

Troubleshooting Hugo Site Deployment on Vercel

Tue, 24 Jun 2025 00:00:00 +0000

Issue 1 - After Deployment, the Homepage Shows an RSS XML Page

After deploying following Vercel’s official guide, the homepage displayed an RSS XML page. The cause: Vercel’s built-in Hugo version is too old.

✅ Solution

Add a vercel.json file in your project’s root directory to specify the Hugo version, Go version, and build command (buildCommand). When Hugo is set as the Framework Preset in Vercel, these configurations will be automatically detected.

Projects

Sun, 22 Jun 2025 00:00:00 +0000

English learning video software: Turn entertainment into education. Contextual Learning. Learn what you love..
A Pomodoro timer: Super Tomato is a Pomodoro timer extension that helps you stay focused and manage your time effectively.

Software Is Changing: LLMs Are the Operating Systems of the New Era

Sat, 21 Jun 2025 00:00:00 +0000

Andrej Karpathy explores what this shift means for developers, users, and the design of software itself.

Core Skills and Interview Standards for the Next Generation of GenAI Application Engineers — Andrew Ng

Wed, 11 Jun 2025 00:00:00 +0000

Andrew Ng points out that generative AI is giving rise to a new kind of developer — the GenAI Application Engineer. These engineers can skillfully leverage AI building blocks and coding assistants to rapidly create powerful applications. This article outlines their core skills, bonus attributes, and interview standards to help us understand the capability map of this emerging role.

Key Takeaways from Andrew Ng’s Interview

Sun, 01 Jun 2025 00:00:00 +0000

In the interview, Andrew Ng emphasized that the essence of an Agent lies in its functionality, not its definition. Building Agents requires sound judgment, tool proficiency, and system evaluation skills. He highlighted the importance of fundamental programming knowledge and expressed optimism about the future potential of speech technology and the MCP protocol. The core of AI entrepreneurship lies in execution speed and technical intuition.

Deep Dive into LLMs like ChatGPT

Sat, 31 May 2025 00:00:00 +0000

This post explores how large language models like ChatGPT are built and improved. It covers pretraining, tokenization, neural network learning, post-training for assistant behavior, and reinforcement learning. Key challenges like hallucinations are addressed through context, tool use, and web search. It also explains RLHF and when it’s most effective—a clear guide to understanding the core mechanics behind today’s generative AI.

A Systematic Methodology for Growth from 0 to 1

Thu, 02 Jan 2025 00:00:00 +0000

Product launches are not just about sales — they’re opportunities to validate your product, build reputation, and lay the foundation for future growth. Focus on creating a solid website, implementing basic SEO, refining copywriting, and tracking data. Promotion channels include Product Hunt, social media, SEO, and niche communities. Quality content and practical tools help attract traffic. You can also build in public via Twitter, Reddit, or email, choosing the right growth strategy based on your product stage and user profile.

Impressions on Using AI Programming Tools

Fri, 02 Aug 2024 00:00:00 +0000

Exploring today’s mainstream AI programming tools — ChatGPT, Claude, Cursor, and Replit — and understanding their respective strengths and limitations.

Reflections on Language Learning

Sun, 23 Jun 2024 00:00:00 +0000

Insights and reflections after reaching a bottleneck stage in English learning.

Writing Beyond the Academy

Mon, 27 May 2024 00:00:00 +0000

This session will be about a few patterns of writing that are likely to aggravate non-academic readers. Well focus on patterns that are often difficult for academics to see, but are actually fairly easy to change.

The Craft of Writing Effectively

Sat, 25 May 2024 00:00:00 +0000

Larry McEnerney, Director of the University of Chicago Writing Program, led this session to share useful principles, techniques, and resources for graduate students who wish to develop a more effective writing style.

How to Read Code

Thu, 23 May 2024 00:00:00 +0000

This article shares a practical step-by-step approach to reading source code: understanding the README, mapping out data flow, analyzing page structure and core modules. By tracing how user actions trigger functions, state changes, and component rendering paths, you can gradually deconstruct the project’s logic.

10 JavaScript Questions to Test How Well You Understand This Quirky Language

Thu, 18 Apr 2024 00:00:00 +0000

A small product recently ranked #2 of the day on Product Hunt—an online quiz site called JavaScript Quiz. It randomly generates 10 JavaScript questions to test how well you understand the language. You may get different questions each time. Here are the ones we encountered while playing, along with explanations for each answer. Highly recommended if you want to challenge yourself.

4 Important New Features in ES14 (ES2023)

Mon, 15 Apr 2024 00:00:00 +0000

This series summarizes the four major new features introduced in ES14 (ES2023).

9 Important New Features of ES6 (ES2015)

Mon, 15 Apr 2024 00:00:00 +0000

This series summarizes the 9 important new features introduced in ES6 (ES2015).

Backend Fundamentals, Databases, API Design, and Application Architecture

Fri, 15 Mar 2024 00:00:00 +0000

This series compiles common backend engineering interview questions, covering backend fundamentals, databases, API design, and application architecture.

Browser and Networking

Mon, 05 Feb 2024 00:00:00 +0000

This series compiles common interview questions and explanations related to browsers and networking, including HTTP, HTTPS, CORS, browser events and storage, and information security.

Logical Breakdown of CI/CD and Operational Practices

Wed, 03 Jan 2024 00:00:00 +0000

Logical Breakdown of CI/CD and Operational Practices (No Additions or Omissions)

Arrow Functions, Higher-Order Functions, Immediately Invoked Function Expressions

Thu, 05 Oct 2023 00:00:00 +0000

This article compiles explanations of arrow functions, higher-order functions, and immediately invoked function expressions in JavaScript.

JavaScript Basics and Data Types

Sun, 01 Oct 2023 00:00:00 +0000

This series compiles common JavaScript interview questions, covering fundamentals and data types.

Redux

Wed, 20 Sep 2023 00:00:00 +0000

This post covers Redux fundamentals including store, actions, reducers, and middleware. Learn how to manage application state predictably with Redux toolkit, connect components, and handle asynchronous operations with Redux Thunk.

Front-End CSS & Tailwind Quick Notes

Mon, 11 Sep 2023 00:00:00 +0000

Knowing Tailwind and CSS utilities isn’t just about memorizing classes — explain why you use each one.

React

Sun, 10 Sep 2023 00:00:00 +0000

This post covers essential React concepts including JSX syntax, virtual DOM, components, props, and hooks like useState and useEffect. It introduces common patterns such as container vs. presentational components, event handling, inline styles, and React Router for dynamic routing.

React Summary

Thu, 07 Sep 2023 00:00:00 +0000

This post compares React and plain JavaScript, highlighting how React simplifies UI updates, manages state with useState, and enables component reuse. It also explores props, event handling, and common patterns like onClick and onChange.

TypeScript in React

Sat, 02 Sep 2023 00:00:00 +0000

This post introduces key TypeScript features in React, including type annotations, functions, arrays, tuples, unions, and generics. It also covers custom types, interfaces, and type narrowing. With clear examples, it shows how TypeScript enhances code safety and structure in React apps, making your development more reliable and maintainable. Perfect for beginners and those refreshing their skills.

Fundamentals of React

Fri, 25 Aug 2023 00:00:00 +0000

This comprehensive guide to React fundamentals covers everything from project structure, JSX syntax, and components to props, state, and event handling. It explores core concepts like controlled components, lifting state, hooks (useState, useEffect, useReducer), and conditional rendering. You’ll also learn about forms, asynchronous data fetching, memoization, component composition, and custom hooks.

Frontend Design Language Basics

Sun, 25 Jun 2023 00:00:00 +0000

Understanding these distinctions gives your design semantic clarity, visual consistency, and better usability—turning UI elements into a coherent design language.

Variables, Scope, and Closures

Wed, 05 Apr 2023 00:00:00 +0000

This article brings together explanations of variables, scope, and closures in JavaScript.

Prototype, Prototype Chain, and Prototypal Inheritance

Sun, 05 Feb 2023 00:00:00 +0000

最常见的 JavaScript 原型 (prototype) 面试题：原型 (prototype)、原型链 (prototype chain) 、原型继承 (prototypal inheritance)

Array

Fri, 03 Feb 2023 00:00:00 +0000

This article brings together the array iteration methods most commonly used in JavaScript.

HTML, CSS, Frontend Tooling, Frontend Performance Optimization

Mon, 30 Jan 2023 00:00:00 +0000

This series compiles common frontend engineering interview questions, covering HTML, CSS, frontend tools, and frontend performance optimization.

Compare `block`, `inline`, and `inline-block`?

Sun, 15 Jan 2023 00:00:00 +0000

Questions about layout, with difficulty increasing step by step

Event Loop, Promise, and Async/Await

Thu, 05 Jan 2023 00:00:00 +0000

This article brings together the concepts of the JavaScript event loop, Promises, and Async/Await.

Detailed Explanations of Common React Interview Questions

Sat, 03 Dec 2022 00:00:00 +0000

This series compiles common React interview questions, covering React fundamentals, React Hooks, and advanced React topics.