编程手感诊断器

本地优先的单页Web应用，技术栈为Next.js + Tailwind CSS + 本地存储。用户登录后，可选择或自定义JavaScript/TypeScript组件（如React Hooks、数组方法、异步模式）作为训练目标。工具先展示一个需求描述，要求用户手写核心实现代码。提交后，用户可调用AI（本地或API）生成同一需求的参考实现。工具会高亮对比两者在逻辑、性能、可读性上的差异，并生成一份“手感诊断报告”。报告包含：1. 个人薄弱模式总结；2. 生成一份基于此的、包含5-7个循序渐进练习的“手感恢复计划”；3. 练习完成后，可再次测评以追踪进步。核心是“先写后对比再练习”的闭环。