SVG 缩放区域限制问题：AI 调试的局限性与人工分析的重要性

深度记录一个困扰一周的技术难题：Next.js项目中集成Mermaid图表缩放功能时，React虚拟DOM与svg-pan-zoom命令式DOM操作产生根本冲突。通过Playwright MCP自动化调试工具最终发现问题根源，并采用iframe沙箱方案彻底解决。本文详细分析踩坑过程、技术选型思考，以及浏览器自动化工具在复杂前端问题调试中的价值。

两次白屏让我长记性：一次是后端改字段名，一次是 URL 参数被微信吞掉。本文记录我如何用 Zod 给页面加验证，降低崩溃率的过程。

记录我在AI助手帮助下，从双重认证系统冲突到统一NextAuth.js架构的完整重构过程。深入分析需求不明确导致的技术债务，以及如何通过系统性诊断和架构重设计彻底解决认证状态管理问题。

深入分析AI辅助开发过程中产生的典型技术问题，包括状态管理混乱、异步调用错误、类型安全缺失等，并提供系统性的重构方案和最佳实践指南。