feat: add offer 1

- Simplified skills section: reduced from 15 to 10 items, added performance optimization and toolchain expertise
- Refactored project descriptions: focused on business value and key achievements over technical details
- Enhanced readability: added bold formatting to highlight key metrics and technologies
- Added comprehensive background notes in project files for interview preparation
- Created CLAUDE.md for future Claude Code instances

Key improvements:
- GuiiAI: emphasized hackathon win, early market entry, and engineering challenges
- NuistShare: highlighted 10s→0.5s optimization and Lighthouse 97 score
- Mihome: stressed sole responsibility for overseas markets and RTL adaptation
- Maiqu: showcased team leadership and agile development practices

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

.claude/settings.local.json

@@ -0,0 +1,11 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(typst:*)",
+      "Bash(git checkout:*)",
+      "Bash(git add:*)",
+      "Bash(git commit:*)",
+      "Bash(git push:*)"
+    ]
+  }
+}

CLAUDE.md

@@ -0,0 +1,103 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+This is a personal CV/resume repository using Typst, a modern typesetting system. The project uses the `brilliant-cv` template (v3.1.2) to generate professional CVs in multiple languages (primarily Chinese with English support).
+
+**Beyond CV generation**, this repository also serves as a workspace for career planning and job search preparation, including interview retrospectives, career reflection documents, and job hunting strategy materials.
+
+## Build Commands
+
+### Generate PDF
+```bash
+typst compile cv.typ
+```
+
+This compiles the main CV file and outputs `cv.pdf`.
+
+### Generate AI Prompt (if Python is available)
+```bash
+python decorate_prompt.py
+# or
+python3 decorate_prompt.py
+```
+
+This script reads `prompt.md` and injects CV content from the `modules_zh` directory (note: the script references `modules_zh` but the actual directory is `zh/`), generating a final prompt file in `./dist/final_prompt.md`.
+
+## Project Structure
+
+### Core Files
+- `cv.typ` - Main entry point that imports all CV modules
+- `metadata.toml` - Configuration file containing personal info, layout settings, fonts, and language-specific content
+- `prompt.md` - Template for AI interview preparation prompts
+- `decorate_prompt.py` - Script to generate interview preparation materials
+
+### Content Directories
+- `zh/` - Chinese language CV modules (education, skills, career, projects, activity, achievements)
+- `src/` - Assets directory containing avatar photo, logos, and signature
+- `src/projects/` - Individual project description files
+
+### Module Files (in `zh/`)
+- `education.typ` - Educational background
+- `skills.typ` - Technical skills organized by category (Full-stack Development, Data Analysis & Deep Learning, Other)
+- `career.typ` - Work experience
+- `projects.typ` - Project experience (includes individual project files from `projects/` subdirectory)
+- `activity.typ` - Activities and community involvement
+- `achievements.typ` - Awards and achievements
+
+## Architecture Notes
+
+### Typst Module System
+The CV uses a modular architecture where `cv.typ` imports the `brilliant-cv` template and then includes individual module files using the `importModules` function. Each module file:
+1. Imports necessary components from `brilliant-cv` (`cvEntry`, `cvSection`, etc.)
+2. Loads metadata from `../metadata.toml`
+3. Defines its content using the template's components
+
+### Metadata Configuration
+The `metadata.toml` file controls:
+- Language selection (currently set to "zh")
+- Layout settings (colors, spacing, fonts, header/footer alignment)
+- Personal information and contact details
+- Language-specific text (header quotes, footer text)
+- Feature flags (AI prompt injection, keyword injection)
+
+### Project Files Organization
+Project descriptions are split into individual files under `zh/projects/` (e.g., `guiiai.typ`, `nuistshare.typ`, `maiqu.typ`, `mihome.typ`) and included in `zh/projects.typ` using `#include` statements.
+
+### Bilingual Support
+The repository maintains both Chinese (`zh/`) and English content structures, though the primary language is Chinese. The `metadata.toml` supports multiple languages (en, fr, zh, it) with language-specific quotes and footer text.
+
+## Important Context
+
+This CV is for a graduate student (Hanwen Yu / 余翰文) with experience in:
+- Full-stack development (Vue, React Native, TypeScript, Python)
+- Data analysis and deep learning (PyTorch, Pandas, computer vision)
+- Internships at Xiaomi, Maiqu, and Haiweisi
+
+The `prompt.md` file contains interview preparation context noting specific weaknesses in algorithm questions, React knowledge, and the GuiiAI project's limitations.
+
+## File Modification Guidelines
+
+When editing CV content:
+1. Modify the appropriate module file in `zh/` directory
+2. For project changes, edit individual files in `zh/projects/`
+3. For personal info or layout changes, edit `metadata.toml`
+4. After changes, recompile with `typst compile cv.typ` to generate updated PDF
+
+When adding new projects:
+1. Create a new `.typ` file in `zh/projects/`
+2. Add an `#include` statement in `zh/projects.typ`
+3. Follow the existing format using `cvEntry` component with logo, title, society, date, location, and description
+
+## Career Planning and Job Search Support
+
+This repository is also used for career planning and job search preparation beyond CV generation. When working on career-related tasks:
+
+- Career retrospective documents may be created to analyze interview experiences and identify areas for improvement
+- Job search strategy materials and preparation notes may be stored here
+- Interview preparation content is already present in `prompt.md`, which outlines specific technical weaknesses and interview challenges
+- Documents may be in Chinese or English depending on context
+
+When assisting with career planning tasks, consider the context from `prompt.md` which identifies key areas needing attention: algorithm practice, React/JavaScript fundamentals, and project deep-dive preparation.

cv.typ

@@ -19,6 +19,10 @@
   "skills",
   "career",
   "projects",
-  "activity",
-  "achievements",
 ))
+
+#columns(2)[
+  #include "zh/achievements.typ"
+  #colbreak()
+  #include "zh/activity.typ"
+]

metadata.toml

@@ -84,7 +84,7 @@ language = "zh"
     letter_footer = "Lettre de motivation"
 
 [lang.zh]
-    header_quote = "对新技术和很热情的工程师，随时可以入职"
+    header_quote = "对新技术和很热情的工程师。2026 应届生，寻求前端开发工程师机会"
     cv_footer = "简历"
     letter_footer = "申请信"
 

reflections/0.intro.md

@@ -0,0 +1,246 @@
+# Interview
+
+## 🧑‍💻 User
+
+我目前的自我介绍大纲是：
+
+```
+我是余翰文，本科来自南信大的计算机科学与技术（腾讯实验班），在西浦度研究生
+
+我写前端有 4~5 年经验，
+
+1. 最开始，我跟着学校里的初创公司做游戏化营销 游戏化测评，用小程序 + H5， 都是 Vue
+2. 在本科期间我做过各种项目练手，影响较大的是 NS 和 NC。前者是一个全栈的系统，后者是一个游戏服务器，配套有社群和基础设施
+3. 去年参加黑客松，做了AI写前端的产品，拿了很多奖，因此涉猎 LLM 调用、Vite Plugin 开发等内容，对目前LLM 写代码的能力有一定探索
+4. 现在在小米实习，写米家的一部分，用 RN。
+
+在前端啊之外，我有以下技术能力：
+
+1. 熟悉应用层计算机网络，本科逆向过一些客户端并开发过第三方实现
+2. 涉猎深度学习，本科提出一种季节内台风预报方法，在计算机设计大赛 AI 赛道获得 国二。研究生研究方向为点云分割和配准。
+3. 有一定的数据分析能力，最熟悉 Pandas 和 Python 做各种小爬虫和数据分析。
+
+最后，在技术之外，我有比较强的沟通能力：
+
+1. 校科协副部长，组织过趣味编程竞赛，前端讲师
+2. DH 互联网社团讲师，组织多次技术讲座
+3. 在黑客松以及做其他产品期间，沟通其他产品、UI 和 投资人保持联系。
+```
+
+针对字节的面试原则，在面了这么多场之后，这里有没有什么需要订正的？
+
+---
+
+## 🤖 Assistant
+
+你好，翰文。作为你的技术面试顾问，我非常仔细地阅读了你的简历、现状以及字节跳动给出的具体面试原则。
+
+**直截了当地说：你目前的自我介绍是一把“双刃剑”，而且目前看来，它正在伤害你。**
+
+你现在的介绍策略是“展示广度”和“展示高大上的技术（AI/逆向）”，这导致面试官对你的**基础深度**和**算法能力**有了极高的预期（Expectation）。当你在二面、三面遇到资深面试官时，他们会基于你“4-5年经验”和“AI/全栈”的标签，去深挖底层原理和高难度算法，结果正好击中你的软肋。
+
+针对字节跳动的面试原则（**基础原理、代码考核、项目亮点、软素质**），我们需要对你的自我介绍进行**战略性收缩和聚焦**。
+
+以下是具体的订正建议和修改后的版本：
+
+### 1. 核心问题诊断
+
+- **“4-5年经验”是个陷阱：**
+  - **问题：** 对于校招，强调“年限”极其危险。面试官听到“5年”，预期的是P6/T9级别的回答（精通闭包、原型链、V8垃圾回收、框架源码级理解）。而你自述JS基础薄弱，这简直是“自杀”。
+  - **对策：** 改为强调**“高密度的工程实践”**和**“复杂场景的交付能力”**，模糊具体年限，把重点放在你做了什么 _难_ 的东西上。
+
+- **GuiiAI 项目的“AI”标签太重：**
+  - **问题：** 你把它放在 LLM 探索上，面试官就会问 Transformer、Agent 编排、RAG 细节。你经不起问。
+  - **对策：** **把 GuiiAI 定义为“工程化/工具化”项目，而不是 AI 项目。** 强调你在 _前端侧_ 做的难点：Vite Plugin 注入、AST 转换、Monorepo 架构、Shadow DOM 隔离。告诉面试官：AI 是调用的（一笔带过），但我为了让 AI 跑起来，搭建了一套非常牛的前端基建。
+
+- **技能树太散，缺乏“字节味”：**
+  - **问题：** 逆向、台风预报、游戏服务器……这些在字节前端面试官眼里是“杂而不精”。字节喜欢的是：在一个点上钻得足够深（比如工程化、性能优化）。
+  - **对策：** 将这些作为“快速学习能力”的佐证，而不是核心技能。
+
+### 2. 针对性修改策略：防御性自我介绍
+
+我们要通过自我介绍，**主动引导**面试官去问你擅长的 Vue 生态、工程化、Vite 插件开发，而**避开** JS 底层怪题和复杂的 AI 模型。
+
+#### 修改后的自我介绍大纲（建议背诵并内化）
+
+**第一部分：我是谁 & 核心定位（15秒）**
+
+> 面试官好，我是余翰文。本科毕业于南信大腾讯实验班，目前在西交利物浦攻读计算机硕士。
+> 我目前的定位是一名**偏向工程化和工具链建设的前端开发者**。在校期间我有过多次从0到1独立负责复杂应用开发的经历，目前正在**小米**担任前端实习生。
+
+**第二部分：项目亮点（引导面试官问工程化 & Vue）（40秒）**
+
+> 关于技术经历，我想重点介绍两个方向：
+>
+> 第一是**前端工程化与工具链**。去年我参与发起了 GuiiAI 项目（获黑客松第一名）。在这个项目中，我没有止步于简单的 AI 调用，而是**深入了 Vite 生态**。我开发了一套基于 **Vite Plugin** 的注入系统，利用 **AST** 技术和 **Shadow DOM**，实现了一个无侵入式的 AI 编程助手。这让我对前端编译时、构建工具和 Monorepo 架构有了比较深的理解。
+>
+> 第二是**复杂业务落地能力**。我有丰富的 **Vue** 生态开发经验，曾主导过多个全栈项目（如 NuistShare），处理过**性能优化（首屏体积优化90%）**和**多协议存储**问题。
+>
+> _（这里故意不提 JS 年限，不提 React/RN 的深度，只提小米实习的事实）_
+
+**第三部分：实习与学习能力（补齐 React 短板的说法）（20秒）**
+
+> 目前在**小米**实习期间，我主要负责米家 App 大家电业务。虽然我之前深耕 Vue，但在进入小米后，我快速掌握了 **React Native** 和 Redux，并独立负责了出海业务中的 **i18n 和 RTL（从右向左）布局适配**。这也证明了我对不同技术栈的快速迁移和适应能力。
+
+**第四部分：软素质与总结（15秒）**
+
+> 技术之外，我曾担任校科协部长和社团讲师，习惯于在团队中推动技术分享和文档建设。
+> 总结来说，我认为自己是一个**工程落地能力强、且对开发工具链有深入研究**的开发者。希望今天能有机会和您深入交流。
+
+---
+
+### 3. 为什么要这样改？（对应字节面试原则）
+
+1.  **回避“JS 基础薄弱”：** 我们不再吹嘘“5年经验”，而是强调“Vue 生态”和“Vite 插件”。面试官听到 Vite 插件，大概率会问：“你是怎么写插件的？Rollup 的钩子有哪些？热更新原理是什么？” —— **这些是你做过的（GuiiAI），你应该能答上来。** 这就避开了“let/var”这种纯八股。
+2.  **回避“AI 深度不够”：** 我们把 GuiiAI 定义为“无侵入式 AI 编程助手”，强调的是 _“无侵入式”_（前端技术实现）而不是 _“AI”_。你把战场拉回了你的主场（DOM、AST、Vite）。
+3.  **展示“亮点与思考”：** 字节非常看重“难点”。你把“首屏优化90%”和“无侵入注入”摆在台面上，这就是明确的亮点。
+4.  **应对“算法弱项”：** 坦率地说，自我介绍救不了算法题。但如果你在前面的技术交流中表现出极强的**工程思维**（比如：为什么用 Monorepo？为什么用 Shadow DOM？），面试官在算法环节如果看到你卡壳，可能会更愿意给你提示，或者给你一道偏逻辑的题目而不是死抠 DP。
+
+### 4. 给你的特别叮嘱（必看！）
+
+既然字节捞了你五六次，说明你的**简历非常有吸引力**，但**面试表现不及格**。
+
+- **关于 JS 基础：** 虽然我们试图引导，但你必须**突击**一下。不要去背所有八股，重点搞定：
+  - **异步：** Promise, async/await, Event Loop (宏任务/微任务)。这个必考，不懂没法写代码。
+  - **闭包与作用域：** 只需要理解原理，能解释清楚变量从哪获取即可。
+  - **原型链：** 只要知道 `__proto__` 和 `prototype` 的关系，以及 `new` 到底干了啥。
+  - **如果你被问住了：** 只要不是最基础的语法，你可以说：“这块具体的底层实现细节我暂时记得不是很清楚，但在我的项目中，我通常关注的是 XXX（转回工程化/业务逻辑）。”
+
+- **关于 React：** 小米实习只写了 RN，面试官问 React 原理（Fiber, Diff, Hooks实现）你肯定挂。
+  - **话术：** “我在小米主要是在业务层使用 RN，对 React 底层源码目前还在学习中，但我对 Vue 的响应式原理和编译过程非常熟悉，可以对比着聊聊吗？” —— **主动把话题切回 Vue。**
+
+- **关于算法（生死线）：**
+  - 这是硬伤。如果手撕代码写不出来，神仙也救不了。
+  - **字节原则里说了：** “不要用暴力解法”、“把解题逻辑清晰说出来”。
+  - **策略：** 既然刷题来不及了，就练**“嘴遁”**。拿到题，先别急着写。先画图，先跟面试官确认输入输出，先说思路：“这题我看可以用双指针，或者用栈……”。哪怕最后代码有点 bug，思路对也能拿分。
+  - **常考题突击：** 字节前端非常喜欢考：**树的遍历（递归/非递归）、数组去重/扁平化、手写 Promise.all、手写防抖节流、解析 URL 参数**。这些不是算法，是**手写功能**，一定要练熟！
+
+你的背景其实非常优秀，只是需要把“博而不精”的形象转变为“工程基建专家”。祝你面试顺利！
+
+---
+
+## 🧑‍💻 User
+
+“投资人保持联系“这句话说过一次，被留在了面评里，之后很多面试官在问。我一直回答说，我在这些经历之后觉得我不适合创业，不适合和投资人沟通，他们给我压力很大，在小米实习给我的氛围更适合我。但是这真的很尴尬，我应该怎么博弈地回答？我的确不擅长和他们的沟通，以至于我不记得他们都问过什么问题
+
+---
+
+## 🤖 Assistant
+
+你目前的回答（“我不适合创业”、“压力太大”、“喜欢小米的安逸氛围”）其实是在给自己挖坑。
+
+**为什么这个回答不好？**
+
+1.  **暴露抗压能力弱：** 字节是一个极其强调高强度、快节奏、结果导向的公司。你说“受不了压力”，面试官会直接联想到：“那我们也经常倒排期、经常有业务压力，你是不是也受不了？”
+2.  **显得像“逃兵”：** 听起来像是你被困难打败了，而不是你主动选择了另一条路。
+3.  **浪费了“高维视角”：** 既然你有过和投资人沟通的经历，这本该是你区别于普通“码农”的优势（懂业务、懂商业价值），结果你把它丢弃了。
+
+**你的博弈目标：**
+利用这段经历证明你有**“产品思维（Product Sense）”**和**“商业敏感度”**，同时坚定地表明你现在**“只想做技术专家”**，并解释为什么大厂（如字节）是你深思熟虑后的最佳归宿。
+
+---
+
+### 建议的回答策略（“三段式”回答法）
+
+请按照这个逻辑重构你的话术，不要撒谎，但要换个角度解读事实：
+
+#### 第一步：肯定价值（把“压力”转化为“视野”）
+
+> “和投资人沟通确实是一段非常有挑战但也非常有价值的经历。哪怕现在回看，我也很感谢那段时光。
+> **它最大的收获是强迫我跳出了纯粹的程序员思维**。以前我只关心代码写得骚不骚，但投资人会问我：‘你的技术壁垒在哪里？商业变现逻辑是什么？用户留存怎么做？’
+> 这让我学会了**从 ROI（投入产出比）和业务价值的角度去审视技术**，这一点即便我在后来做纯开发时也受益匪浅。”
+
+#### 第二步：理清定位（把“逃避”转化为“主动选择”）
+
+> “但是，在深入接触后，我发现虽然我能理解商业逻辑，但我**内心真正的激情还是在于‘构建（Building）’本身**，也就是把想法落地的那个工程过程，而不是商业路演和谈判。
+> 创业早期的环境要求我把 80% 的精力花在非技术事务上，这让我感到很焦虑，因为我觉得我的技术深度在被稀释。
+> **所以我不是‘不适合’，而是做了一个更清晰的职业取舍：** 在现阶段，我希望在一个成熟的、有巨大用户量的平台上，专注于打磨我的技术深度和工程化能力。”
+
+#### 第三步：表忠心/匹配度（为什么是字节/大厂？）
+
+> “这也是为什么我非常享受在小米的实习，以及为什么非常向往字节。
+> 因为只有在这样的平台上，我**既能发挥我懂业务的优势（理解需求背后的价值），又能把我的精力 100% 投入到解决复杂的技术难题上**。我觉得这才是现阶段最适合我的成长路径。”
+
+---
+
+### 追问应对（如果面试官继续逼问）
+
+**Q: “那你以后还会创业吗？或者觉得投资人问的问题都很无聊吗？”**
+（你之前说不记得他们问什么了，这里可以用通用的“商业逻辑”来填补空白）
+
+> **A:** “不会觉得无聊，反而觉得很犀利。他们当时问得最多的其实就是**增长**和**壁垒**。
+> 比如做 GuiiAI 时，他们会挑战我：‘现在 Cursor 出来了，你的护城河是什么？’
+> 这种问题虽然当时让我很有压力，但也逼着我去思考如何把工具做得更极致、更垂直。
+> 至于未来，我觉得至少在未来 5-10 年内，我想先成为一名技术架构方面的专家。创业需要天时地利人和，目前的我更想踏实地写好代码。”
+
+### 总结这个策略的精髓：
+
+1.  **不卑不亢：** 承认压力，但把压力描述为“对技术精力的挤占”，而不是“心理崩溃”。
+2.  **扬长避短：** 既然做过，就要榨干它的价值——**懂业务**。字节非常喜欢“懂业务的技术”。
+3.  **消除顾虑：** 明确告诉面试官“我已经想通了，我不想当老板，我就想在大厂好好干活”，这消除了他们对你“稳定性”的担忧（怕你干两天又跑去创业）。
+
+用这套话术，你可以把面评里那个“这人受不了压力”的负面标签，清洗为“这人有过创业视野，但现在定下心来想钻研技术”的正面标签。
+
+---
+
+## 🧑‍💻 User
+
+最后，请你总结一下字节的面试原则，让我面试的时候最关心、最注重哪几点？
+
+---
+
+## 🤖 Assistant
+
+记住，字节跳动的面试官通常是典型的“工程师思维”：**务实、甚至有点冷酷、极度关注逻辑和数据、不喜欢虚头巴脑。**
+
+基于你的情况，你在面试中必须死死咬住以下**四个核心生存原则**：
+
+### 1. 代码是底线：写不出来也要“说”出来
+
+**这是你最大的风险点。** 字节面试必定手撕代码（算法或手写常见功能）。
+
+- **原则：** 不要闷头写，要**“代码未动，逻辑先行”**。
+- **具体操作：**
+  - 拿到题目，先确认输入输出，先问边界条件（空数组怎么办？极大数怎么办？）。
+  - 先口述思路：“这道题我考虑用双指针……逻辑是这样的……”。
+  - **如果卡住了：** 不要发呆！立刻说：“我现在卡在这一步了，我的大概思路是XXX，请问面试官这里有没有什么提示？”
+  - **只有逻辑清晰，哪怕代码没写完，也有可能过；逻辑混乱还写不出来，必挂。**
+
+### 2. 深度是王道：不要“广”，要“深”
+
+**这是你之前挂掉的主因。** 字节面试官喜欢刨根问底，问到你答不出来为止。
+
+- **原则：** **收缩防线，诱敌深入。**
+- **具体操作：**
+  - **绝对不要**主动提你半懂不懂的概念（比如复杂的 AI 模型架构、比如你其实不熟的 React 底层源码）。
+  - **主动引导**去你最熟的地方：当问到 JS 基础时，尽量往**工程化**（Vite、AST、编译原理）引，这是你的强项（GuiiAI 的基建部分）。
+  - 对于你做过的 GuiiAI 和 性能优化，要准备好回答至少 **3层** 的追问。（例：为什么用 Shadow DOM？用了会有什么兼容性问题？不用行不行？用了之后性能提升了多少 ms？）
+
+### 3. 沟通要“字节味”：结论先行，数据支撑
+
+字节喜欢高效沟通，不喜欢啰嗦和感性表达。
+
+- **原则：** **STAR 法则 + 数据量化。**
+- **具体操作：**
+  - 回答问题时，先说结论。
+  - **关于“投资人”那个坑：** 不要说“我不喜欢、压力大”，要说“经过评估，我发现我在技术工程落地上产出的价值（ROI）更高，所以我选择深耕技术。” —— **这就叫“字节味”。**
+  - **关于项目：** 哪怕是编，也要把优化的结果量化出来（如：首屏体积从 2MB 降到 240KB，加载速度提升 300%）。
+
+### 4. 态度要“皮实”：展示你的高潜力和抗压性
+
+字节工作强度大，他们不要“玻璃心”。
+
+- **原则：** **展示这种姿态：我不怕难题，我有办法解决它。**
+- **具体操作：**
+  - 遇到不会的问题，不要慌，大方承认：“这个细节点我目前没关注到，但在我的项目中，我是通过XXX方式解决类似问题的……”（展示解决问题的能力，而不是背书的能力）。
+  - 表现出对技术的**饥渴感**，而不是对创业的“恐惧感”。让面试官觉得招你进来，你能扛得住业务压力，能把活干完。
+
+---
+
+**最后一句给你的心理暗示：**
+
+翰文，你已经是“腾讯班”出身、拿过黑客松冠军、在小米实习的优秀候选人了。**你的背景已经足够好了。**
+
+面试的时候，**不要试图去扮演一个“全知全能的大神”（因为你基础还不扎实），而是去扮演一个“聪明、务实、工程落地能力极强的年轻工程师”。**
+
+只要你不自己跳进“JS底层”和“AI原理”的坑里，把话题拉回“工程基建”和“业务落地”，这把大概率能成。加油！

reflections/1.battle.md

@@ -0,0 +1,81 @@
+现在是春天的 3 月份，春招开始了。
+
+同样我有大量大厂在面试，但是现在我已经有了一个保底 offer 意向: 北京的航旅纵横。
+
+以下是 HR 给我发 Offer 的录音总结：
+
+```
+会议主题:公司关于web前端开发岗offer细节的沟通
+一、薪资结构说明
+基础薪资标准:年薪包18万元，采用14薪结构，首年每月标准工资12750元。
+签字奖励机制:因面试优异给予1万元签字费，仅首年有效，按12个月均分发放(每月833元)。
+综合月薪计算:首年综合月薪=标准工资+签字费=12750+833=13583元。
+二、福利体系说明
+餐补标准:每日午餐补贴40元，晚八点后晚餐补贴40元，年均总额约1.5万元，通过美团账户或大厦食堂充值。
+敬业奖励:根据工作时长发放，金额区间1000-3000元，无强制加班要求。
+年度调薪机制:校招生绩效达标可享受基数10%调薪，每年开放晋升窗口。
+绩效考核标准:季度考核80分对应基准工资，80-90分上浮10%-20%，90分以上可/o
+4
+专项福利包:年度体检4000元+供暖费报销2700元(次年年底发放)+工会福利年均3000元。
+三、社保及补充保障
+五险一金缴纳:首年按10200元基数缴纳，次年起按首年月均工资为基数，采用北京市最高缴纳比例。
+补充医疗保障:门诊住院100%报销，子女共享免费补充医保(单人3000元/年，含子女5000元/年)，相关费用需合并计税。
+```
+
+原始录音转录：
+
+```
+AI总结
+企业向应聘者提供18万年薪加1万元签字费的Web前端岗位offer，详细说明14薪结构、餐补、敬业奖、年度体检等福利体系，并解释绩效考核与调薪机制。应聘者确认offer需签署三方协议，违约金1万元，确认流程通过邮件和微信完成。
+以上由AI大模型生成，可能包含不准确的信息。
+说话人1 00:00:00
+喂，你好，你好，你好，是于翰文同学吗？是的是的是的，我这边是防伪纵横的人力，给你打电话是想跟你沟通一下我们offer这边的事宜。
+说话人2 00:00:11
+O Kok,
+说话人1 00:00:12
+好的，我们这边的话，给您的岗位就是我们应聘的这个web前端开发师，那么给到您的一个薪资年包是在18万，然后由于您的面试表现是比较优异的，所以还能给第一年还可以给到你一个一万块钱的一个签字费。
+那这一部分是这样，就是我们的薪酬的一个结构是14薪，所以的话，你第一年的每个月的标准工资就是12750，那么这个签字奖励呢，就是只有第一年有是分12个月随着你的工资发放的，每个月呢，就是833块钱。
+所以你第一年合计下来，你每个月的工资大概是在13583这个数字。然后的话呢，除了这个月薪和年终奖之外呢，那么我们还有一个餐补的部分。每入职之后，我们是给你提供每天五四十块钱的一个午餐餐补。
+那如果你工作到晚上八点之后的话呢，就还有一个40块的晚餐餐补，平均的话，一年大概是在1.5万左右。那发放的形式就是充值到你的美团账户中，或者是充值到我们这个工作的大厦食堂里头，那如果说是除此之外，如果你的工作时长达到一定的标准，就是会有一个敬业奖，那么平均是在1000块钱。
+最高的话是在3000。设置这个敬业奖就是因为有一些员工，他可能工作比较辛苦，为了奖励他们，但是也不是说我们有一个硬性的加班要求，如果说是你工作完成了，你就正常的下班就可以。然后我们还会有一个调薪的政策。
+就是如果你的作为校招生，你的绩效符合条件的话，那你第二年就可以在你这个工资基数，也就是这个12750上进行一个调薪，大概是10%左右。然后，它每年有一个晋升的窗口，你如果表现的好的话，就可以优先晋升。
+然后我们这个绩效呢，是进行季度性的考核。那么正常来说，是我们大部分的员工就是会达到一个80分这样子，那这个80分左右的话，就是给到你正常的一个标准工资。那如果说你的分数能够更高的话，就会进行一定的上浮。
+那大部分的是在10%~2%，那少数更好的人呢，他可能甚至能达到40%~50%这个样子，除了这些的话，就是其他的一些福利，比如说年度的体检，那这个体检价值大概是4000。然后有一个供暖费的报销，2700是第二年享有的，年底随工资发放。
+然后工会有一些福利，就是过逢年过节，然后包括生日这种的。那一年下来，折合价值大概是3000块钱的左右。然后，我跟您再说一下我们这个社保的缴纳。那这个五险一金的话，第一年是按照就是公司的统一标准去进行缴纳的。
+那你的职级的话，这个基数就是10200这个数字从第二年起呢，就是按照你第一年的月均工资为基数进行缴纳。然后，它的缴纳比例是北京市的最高标准，除了五险一金之外，就是会有一个补充的医疗保险。
+你如果说是门诊或者住院的话，就是一个百分百的费用报销。如果有子女的话，也享受免费的一个补充医保。它的这个费用大概是3000块钱一个人，然后如果含子女就是5000，那么这个的话就是。
+是因为他会把这个在报税的过程中，它是需要按照法律把它并入到的工资收入里头。所以他这块呢，会有产生一些公司去给你代扣的个人所得税。大概就是这样的一个情况，你看看你觉得怎么样，有没有什么问题。
+说话人2 00:03:57
+首先非常感谢，就是能够听得出来，就是公司的福利非常非常好。然后就是我想了解，就是我这边如果要确认offer，我需要做什么事情，以及就是我做出这个决定的话，就是有任何就是缓冲期限吗？就是说可能给我1~2周的时间去决定接受这个，这个是可能的吗？
+还是说，我现在就需要去签字之类的。
+说话人1 00:04:25
+我们这边的话，就是入职之前，主要就是一个体检和签三方。那，可会给您一定的考虑时间。但是一到两周可能没有这么的久。周五之前不是二这周五之前是吧？对这周五之前给我答复是。
+说话人2 00:04:40
+然后就是我签字这个事情，就是是一个什么形式，我想了解一下。
+说话人1 00:04:48
+就是三到三方的这个角度的话，就是你签了如果签了三方再违约的话，会有一个1万元的违约金。
+说话人2 00:04:55
+不是这个事情，我是说就是我签三方这边我需要做什么吗？然后我们学校也是有签三方跟三波的那个什么东西，就是我我大概需要做什么事情，我想稍微了解一下，会给我发邮件然后去操作吗？
+说话人1 00:05:10
+对，到时候会就是整体的话，就是这个offer，包括你怎么签三方，我们都会邮件发送。
+说话人2 00:05:15
+好的好的，那非常感谢，然后我周五之前会，我我我最后的决定会以什么方式反馈到你们这边，大概是就是以那个邮件当中提交那个三方为准是吗。
+说话人1 00:05:29
+我这边的话一会儿会稍后加一下你的微信，然后你可以在微信上跟我说，然后你这边确认没问题的话，我们就可以给你走流程。
+说话人2 00:05:36
+O KO Kok, 可以的。好。
+说话人1 00:05:39
+非常感谢您。
+说话人2 00:05:41
+那公司的服务非常好非常好。
+说话人1 00:05:44
+好的好的，那也非常期待你的加入，那我稍后加您的微信。
+说话人2 00:05:48
+OK拜拜。
+说话人1 00:05:49
+好好，再见。
+```
+
+以上为意向的背景。经过确认，上述所有薪资为税前。
+
+你可能需要帮我进行一些风险管理的判断，和一些其他建议。

zh/achievements.typ

@@ -6,20 +6,10 @@
 #let cvHonor = cvHonor.with(metadata: metadata)
 
 
-#cvSection("成果")
-
-=== 创业类竞赛
-- 2024 AdventureX 黑客松 四个赛道和一个主题*的第一名* （With GuiiAI）
-- 2024 深圳 AI\#DEA AI 创新应用大赛 *第一名* （With GuiiAI\）
-
-=== 计算机设计类
+#cvSection("荣誉与成就")
 
+- 2024 AdventureX 黑客松 四个赛道和一个主题*的第一名* （GuiiAI）
+- 2024 深圳 AI\#DEA AI 创新应用大赛 *第一名* （GuiiAI\）
 - 第十七届 中国大学生计算机设计大赛 *全国二等奖*
-- 软件著作权一份
-
-- 江苏省“联通软研杯”优胜奖
-- 全国“盘古石杯”优胜奖
-
-=== 语言
-
 - *雅思 7.0*
+- 软件著作权一份

zh/activity.typ

@@ -7,18 +7,9 @@
 
 #cvSection("学生活动")
 
-=== 学生组织和社团
-
 - 曾担任*校科协信息技术部部长*，主要负责授课、组织线下义务维修电脑服务
 
-
-- 曾担任 DH 互联网工作室*社团讲师*，开设前端入门课
-
-=== 其他
-
-- 帮助组织*学校趣味编程竞赛*并担任评委
-
-- 在不同的组织做过四次技术分享
+- 曾担任 DH 互联网工作室*社团讲师*，开设前端入门课，在不同的组织做过四次技术分享
 
 
 // #cvPublication(

zh/career.typ

@@ -15,10 +15,12 @@
   date: [2025.4 - 2025.10],
   location: [南京],
   description: list(
-    [参与米家 React Native 的插件开发和迭代，保证大家电产品的稳定上线],
-    [负责出海大家电 RN 插件的开发，有处理 i18n、RTL 布局、多语言断行布局的经验],
+    [*独立负责* 海外所有国家的空调产品线插件维护与迭代，覆盖 *欧洲、东南亚、墨西哥* 等多个地区],
+    [负责出海大家电 RN 插件的开发，攻克 *阿拉伯语 RTL 布局* 适配难题，封装图表组件实现 RTL 自动适配],
+    [在实习期间修复了 *数百个 Jira 问题*，解决了多个关键用户反馈问题，保证产品稳定上线],
+    [使用 *Rematch*（Redux 衍生框架）管理状态，基于小米 IoT *Spec 协议* 实现设备通信],
   ),
-  // tags: ("React Native", "Redux", "i18n", "RTL"),
+  // tags: ("React Native", "Rematch", "i18n", "RTL"),
 )
 
 #cvEntry(
@@ -35,17 +37,16 @@
 )
 
 #cvEntry(
-  title: "前端实习生、数据分析实习生",
+  title: "前端实习生",
   society: "南京海维斯海洋信息服务有限公司",
   logo: image("../src/logos/hws.jpg"),
   date: "2025.1 - 2025.2",
   location: "南京",
   description: list(
-    "开发台风预警平台，负责前端页面的设计与开发，后端绘图接口的设计与开发。",
-    "使用 Python 进行数据处理和分析, 使用 Matplotlib 进行数据可视化。",
-    "贡献了一种基于深度学习的季节内台风集成预报方案",
+    "开发台风预警平台，负责前端页面的设计与开发，使用 *Vue 3* 和 *Shadcn-Vue* 构建用户界面",
+    "负责后端绘图接口的设计与开发，使用 *Quart* 和 *Matplotlib* 实现数据可视化服务",
   ),
-  // tags: ("Vue3", "Shadcn-Vue", "Python", "Quart", "Pandas"),
+  // tags: ("Vue3", "Shadcn-Vue", "Python", "Quart"),
 )
 
 

zh/projects.typ

@@ -8,26 +8,23 @@
 #cvSection("项目经历")
 
 
-#include "./projects/creeper.typ"
-
-#v(1em)
+// #include "./projects/creeper.typ"
 
+// #v(1em)
 #include "projects/guiiai.typ"
 
 
-#v(1em)
-
-#include "projects/typhoon.typ"
-
-#v(1em)
+// #v(1em)
+// #include "projects/typhoon.typ"
 
+#v(0.3em)
 #include "projects/nuistshare.typ"
 
-#v(1em)
-
+#v(0.3em)
 #include "projects/maiqu.typ"
 
-#v(1em)
 
+#v(0.3em)
 #include "projects/mihome.typ"
 
+// #pagebreak()

zh/projects/guiiai.typ

@@ -1,29 +1,61 @@
 #import "@preview/brilliant-cv:3.1.2": cvEntry, cvSection
 
+// 项目背景信息（面试准备用）：
+// - 时间背景：2024年夏天启动，比Cursor、Windsurf等工具早近一年，当时市场上只有v0
+// - 团队规模：4人团队，个人负责Vite Plugin开发、部分后端、网页端管理
+// - 投资人质疑：当时市场上完全没有类似产品，投资人不太理解
+// - 用户反馈：很多Bug反馈；用户希望支持客户端开发（但因为绑定Vite做不到）；希望支持后端（也做不到）
+// - 技术局限：因为绑定了Vite，无法跨到客户端开发
+// - AI技术栈：实际上AI部分比较简单，只是单模型+简单Prompt优化，没有复杂的Agent或工作流
+// - 成本：花掉了很多API额度
+// - 项目现状：后来Cursor等工具出现后暂停了项目
+//
+// 黑客松详情：
+// - AdventureX：杭州一个高中生组织的黑客松，但吸引了大量商家赞助和投资人关注
+// - 规模：总共200人参赛，约3-4人一个团队（约50个团队）
+// - 赛道：四个赛道都是AI相关的
+// - 成绩：获得四个赛道第一名
+//
+// Vite Plugin注入技术细节：
+// - 技术参考：在我们之前就有Nuxt Devtools这样往用户开发网页上注入内容的先例
+// - 隔离方案：使用Iframe和Shadow-DOM隔离用户内容和我们的UI
+//
+// Monorepo重构原因与架构：
+// - 重构原因：三部分代码运行在不同环境，但需要共享功能
+//   1. 用户自己的网页：跑一部分注入的代码
+//   2. Iframe主界面：运行主体界面和逻辑
+//   3. Vite开发服务器：负责写文件和保存状态
+// - 子包结构：
+//   - guiiai/ui：通用的UI组件
+//   - guiiai/shared：共享的逻辑、Composables
+//   - guiiai/utils：通用工具和跨上下文通信库（我封装的）
+//
+// 面试策略（来自reflections/0.intro.md）：
+// - 定位为"前端工程化/工具链"项目，而不是AI项目
+// - 强调前端侧的技术难点：Vite Plugin注入、AST、Shadow DOM、Monorepo
+// - AI部分一笔带过，避免被深问Transformer、Agent编排等
+// - 突出"无侵入式"这个工程化亮点
 
 #cvEntry(
-  title: [AI 赋能的前端开发工具],
+  title: [无侵入式 AI 编程助手],
   society: [GuiiAI Devtools],
   date: [2024.8 - 2025.1],
   location: [杭州],
-  tags: ("Unplugin", "Vue", "Monorepo", "TypeScript", "Vite"),
+  tags: ("Vite Plugin", "Monorepo"),
   description: "",
 )
 
-这是一个作为 Vite Devtools 的 AI 编程开发工具，安装到任意现有项目，不依赖编辑器、IDE。
+一个基于 Vite 生态的 AI 编程开发工具，在 2024 年 AdventureX 黑客松中获得 *四个赛道第一名*。项目于 *2024 年夏天* 启动（早于 Cursor 等工具近一年，当时市场上尚无类似产品），开放内测后获得约 *1k 用户* 申请。
 
-在2024年 AdventureX 黑客松中的作品，后续维护过几个月、开放过限量内测，内测用户大约 1k 人左右。
+我在 4 人团队中负责 Vite Plugin 开发、部分后端和网页端管理。
 
-我主要负责的部分是：在比赛阶段和伙伴在三天内做出产品原型、VitePlugin Server 注入SPA 页面的部分、悬浮球的动画、Monorepo 重构后 RPC 库的构建，也参与产品设计的讨论、与投资人的沟通。
+- *[编译时注入系统]* 开发了基于 *Vite Plugin* 的注入系统，将 AI 助手 *无侵入* 地集成到任意前端项目中，不依赖编辑器或 IDE
+
+- *[样式隔离方案]* 使用 *Shadow DOM* 和 *Iframe* 实现了悬浮球与主页面的完全样式隔离，避免用户项目样式污染
+
+- *[跨上下文通信]* 封装了一套 *RPC 库*，通过 BroadcastChannel 和 Vite Dev WebSocket 实现浏览器多上下文与 Vite Server 的 *双向通信*
+
+- *[Monorepo 架构]* 将项目重构为 *Monorepo*，分离核心包、插件包和 UI 包，提升了代码复用性和维护效率
 
 
-- *[项目架构]* GuiiAI Devtools 分为多个包。主要组成部分为：Vite Plugin Server、悬浮球叠加层、操作面板。Vite Server 提供修改代码文件、获取源码的能力，悬浮球叠加层和操作面板可以让用户发出 Prompt。
 
-
-- *[项目基建]* GuiiAI Devtools 的仓库是一个大的 Monorepo，分为多个包发布。最开始使用 Vercel 的 ai-sdk 作为 AI 库，但由于其自定义能力不够，我们自己封装了 neuri 库作为替代
-
-- *[编译时 DOM 注入]* 通过 Vite Plugin 的能力，将一个悬浮球注入到用户 Dev 模式的网页，作为用户控制 AI 写代码的操作中心。注入的元素使用另一个 Vue 实例，因此不要求用户使用 Vue 开发。
-
-- *[UI 样式隔离]* 为避免用户页面的全局样式污染悬浮球和面板，我们使用 shadow-dom 隔离了悬浮球和主页面的样式，避免了样式污染，主面板使用 Iframe，隔绝上下文。
-
-- *[Vite 到浏览器的 RPC 通信]* 为保证 Vite Plugin Server 和 前端的双向通信，我封装了一个简易的 RPC 库。浏览器不同上下文之间使用 BroadcastChannel 通信，浏览器与 Vite Plugin Server 复用 dev ws 相互通信。

zh/projects/maiqu.typ

@@ -1,27 +1,51 @@
 
 #import "@preview/brilliant-cv:3.1.2": cvEntry, cvSection
 
+// 项目背景信息（面试准备用）：
+// - 客户：给另一个招聘公司做的游戏化测评产品
+// - 团队规模：3-4个前端同学，每人写2-3个小游戏，总共10大关
+// - 个人角色：前端团队Leader，负责技术架构和团队协作
+// - 数据缺失：当时很天真没做埋点，所以没有用户数据
+// - 最大亮点：在学生团队里主导敏捷开发，如果没有这套流程真会寄
+//
+// 敏捷开发实践细节：
+// - 工具演进：最开始用在线Excel表格统计每日任务完成情况，后来换成阿里云效（类似Jira）
+// - 核心价值：解决了学生团队最大的挑战——进度管理
+// - 效果：组员比较配合，延期和未完成任务可以被及时感知
+//
+// 游戏类型与技术挑战：
+// - 游戏设计：基于霍兰德职业类型设计的10大关卡
+// - 个人负责：做了2个游戏（拖拽列表、在线编程小海龟）
+// - 技术选型：拖拽和小海龟渲染使用了外部库
+// - 主要挑战：缝合不同的库，以及因为小海龟和代码编辑器库比较大，做了动态加载优化首屏体积
+//
+// 其他技术细节（可能被问到）：
+// - 组件化工作：封装了对话框、入口页面、暂停页面等通用组件
+//   - 提供了统一的进度保存和成绩管理接口
+//   - 编写了详细的组件文档供团队成员使用
+// - 跨平台：初版使用Uniapp开发微信小程序，后续有微信H5应用
+// - 报告图生成：使用HTML2Canvas动态生成报告图用于用户保存和分享
+// - 微信集成：负责小程序、H5应用的微信登录、支付接入
+// - 响应式：基于媒体查询设计响应式断点规则，对iOS微信下方导航栏进行特殊处理
+// - CI/CD：使用Github Actions进行自动化构建与部署
+// - 管理工作：负责内部测试、研发外包的发布、对接工作
 
 #cvEntry(
-  title: "麦趣测评小游戏",
-  society: "麦趣职前教育小游戏",
-  tags: ("Uniapp", "Vue2", "Vue3", "TypeScript"),
+  title: "游戏化测评平台",
+  society: "麦趣职前教育",
+  tags: ("Vue", "Uniapp", "团队管理"),
   description: "",
   location: "南京",
   date: "2022.7-2022.9",
 )
 
-一个纯用 H5 技术做的游戏化测评类，内含大量游戏关卡，用于测评、品牌营销等。包含了大量的响应式适配、 动画、事件触发。
+一个包含 *10 大关卡* 的游戏化测评应用，用于职前教育的品牌营销与能力测评。担任 *3-4 人前端团队的 Leader*，负责技术架构和团队协作，在 *2 个月内* 完成交付。
 
-小游戏有几个版本，初版使用 Uniapp 开发微信小程序，后续有微信 H5 应用。管理平台为用户定制游戏化测评应用的管理平台。
+- *[敏捷开发实践]* 在学生团队中主导 *敏捷开发流程*，通过 *每日站会* 和 *Sprint 迭代*，保证了项目 *按时交付*。
+
+- *[组件化架构]* 主导 *组件化工作*，封装了对话框、入口页面、暂停页面等通用组件，并提供了统一的进度保存和成绩管理接口，*显著提升* 了团队开发效率
+
+- *[跨平台开发]* 使用 Uniapp 开发 *微信小程序* 和 *H5 应用*，负责微信登录、支付接入，以及基于 HTML2Canvas 的 *动态报告图生成* 功能
 
 
-- *[报告图生成]* 在产品的不同时期采用 Canvas 绘制 HTML2CANVAS 的方案动态生成报告图用于用户保存和 分享。
 
-- *[微信接入]* 负责完成小程序、H5 应用的 微信登录、支付的接入。
-
-- *[组件封装]* 主导组件化工作，负责计时器、判题弹窗、关卡流程控制等游戏通用组件开发，提供给其他成员使用，编写了详 细的组件文档。
-
-- *[响应式界面]* 设计响应式系统，基于媒体查询设计响应式断点规则，为多种窗口尺寸进行了响应式适配。对 IOS 微信下方导 航栏进行特殊处理。
-
-- *[构建流水线与管理工作]* 使用了 Github Actions 进行自动化构建与部署，推送到相关云服务。负责内部测试、研发 外包的发布、对接工作。

zh/projects/mihome.typ

@@ -1,22 +1,60 @@
 #import "@preview/brilliant-cv:3.1.2": cvEntry, cvSection
 
+// 项目背景信息（面试准备用）：
+// - 责任范围：因为人手不够，一个实习生负责海外所有国家的空调插件维护
+// - 覆盖地区：重点做过欧洲、东南亚、墨西哥语种的适配
+// - 技术难点：阿拉伯语的RTL适配最麻烦
+// - 工作量：修复了几百个Jira问题，解决了2-3个关键用户反馈问题
+//
+// RTL适配的具体挑战：
+// - Text布局平台差异：
+//   - Android：会自动跟随云控下发的RTL flag
+//   - iOS：如果不手动指定textAlign left，未必会自动把阿拉伯文右置
+// - 米家RN魔改问题：
+//   - 米家对RN魔改很多，是否RTL不是插件前端能决定的
+//   - RTL flag走的是客户端云控下发，客户端和云控非常不可靠
+// - Chart组件封装：
+//   - 封装Victory Chart等图表组件实现RTL自动适配
+//   - 目的是给后人排雷，减少后人搞RTL的工作量
+//   - 也可以旋转图片和图标准备几份，但那样不好维护
+//
+// Critical问题修复流程：
+// - 定义：Jira里极少数需要马上发线上包的极为Critical的问题
+// - 流程：基于线上包版本fork出来修改，火速上线
+// - 挑战：需要多次校对，确保基于正确的线上版本
+// - 其他问题：不急的问题修复都随着正常发版修掉
+//
+// 海外产品的特殊要求：
+// - 合规要求：更严格的合规要求
+// - 域名白名单：开发时需要抓包，保证插件只和白名单域名通信
+// - 禁止国内请求：不能因为某个功能不小心请求国内服务器
+// - 产品配合：大部分政策、协议的合规由产品做，前端配合
+//
+// 技术细节（可能被问到）：
+// - Spec协议：小米IoT特有的通讯协议
+//   - 把所有设备抽象为三种：属性、方法、事件
+//   - 各种智能任务通过云函数运行，但本质永远是调Spec
+//   - 客户端基于Spec对物联网设备的抽象提供了很多封装
+// - 状态管理：使用Redux的衍生框架Rematch，自动订阅Spec变更
+// - 国际化：使用自封装的i18n库
 
 #cvEntry(
-  title: "基于 React native 开发的米家空调插件，基于 Spec 协议",
-  society: "米家空调插件",
-  tags: ("React Native", "Redux", "Spec Protocol", "i18n", "RTL"),
+  title: "米家大家电出海插件",
+  society: "小米米家",
+  tags: ("React Native", "i18n", "RTL"),
   date: "2025.4-2025.8",
   location: "南京",
   description: "",
 )
 
-在小米实习时，负责维护和迭代功能的的部分。我主要负责海外的空调产品线的插件迭代、Bugfix、新品需求。
+在小米实习期间，*独立负责* 海外所有国家的空调产品线插件维护与迭代，覆盖 *欧洲、东南亚、墨西哥* 等多个地区。
 
-- *[项目架构]* 项目采用 React Native 开发，使用 Spec 协议与米家 APP 进行通信。
+- *[多语言与 RTL 适配]* 负责多语言国际化支持，重点攻克了 *阿拉伯语* 的 *RTL（从右向左）布局* 适配。通过封装 Victory Chart 等图表组件，实现了图表在 RTL 模式下的 *自动适配*，避免了为不同语言准备多套图片资源，*降低了后续维护成本*
+
+- *[高强度迭代与问题修复]* 在实习期间修复了 *数百个 Jira 问题*，解决了 2-3 个 *关键用户反馈* 问题，保证了海外产品的稳定上线
+
+- *[Spec 协议集成]* 基于小米 IoT *Spec 协议*（将设备抽象为属性、方法、事件）进行开发，使用 Redux 衍生框架 Rematch 管理状态并 *自动订阅设备变更*
 
-- *[国际化支持]* 使用自封装库完成国际化支持，支持多语言切换。
 
-- *[RTL 支持]* 支持了 RTL 布局，支持从右向左的布局。通过对 Victory Chart 等组件库的再封装，实现了图标等组件的 RTL 布局的支持。
 
-- *[状态管理]* 使用 Redux 的修改版 Rematch 进行状态管理，自动订阅服务端 Spec 变更
 

zh/projects/nuistshare.typ

@@ -1,27 +1,45 @@
 #import "@preview/brilliant-cv:3.1.2": cvEntry, cvSection
 
+// 项目背景信息（面试准备用）：
+// - 项目性质：对学长站点的重构，学长是杨帆
+// - 业务价值：解决学生期末考试需要前几年试卷和复习资料的痛点
+// - 用户数据：月访问量约几k次（数据来自Vercel统计）
+// - 项目现状：运营到现在，但最终还是换成了AList（不想折腾了，S3存储要烧钱）
+// - 技术选型：最开始不用AList是因为AList不方便用户自己上传资料
+// - 开发模式：这个版本是独立完成的（前后端都是）
+// - 性能数据：首屏加载时间从10s优化到0.5s，Lighthouse性能评分从80提升到97
+// - 部署：部署在腾讯云上
+//
+// 性能优化技术细节：
+// - 定位瓶颈：使用F12观察网络瀑布流，看请求耗时，定位性能瓶颈
+// - 优化手段：字体分包、懒加载、CDN优化等
+//
+// AList协议逆向：
+// - 技术难度：AList协议没有加密，纯抓包就能知道它做了什么
+// - 实现：通过抓包分析实现了S3和AList双协议支持
+//
+// 其他技术细节（可能被问到）：
+// - 字体优化：使用中文网字计划对字体分包，导出为分片woff并在CDN设置强缓存
+// - CDN优化：使用vite-plugin-qiniu将assets上传至CDN
+// - 存储协议：通过抓包分析AList协议，实现了S3和AList双协议支持
+// - 认证系统：支持Github OAuth登录和邮箱验证（使用node-mail库）
 
 #cvEntry(
-  title: "一个资源分享站",
+  title: "学习资源分享平台",
   society: "NuistShare",
   location: "南京",
-  tags: ("Nuxt", "NestJs", "Prisma", "TypeScript", "S3", "AList", "Github OAuth"),
+  tags: ("Nuxt 3", "NestJS", "性能优化"),
   description: "",
   date: "2023.7-2023.9",
 )
 
-一个使用 Nuxt3、NestJs 开发的学习资料共享站点。部署在腾讯云上。
+一个为学生提供期末复习资料的全栈资源分享平台，*月访问量达数千次*。*独立完成* 前后端开发与部署。
 
-- *[打包体积优化]* 优化字体以及部分样式进行懒加载，部分组件使用动态导入加载，将首屏需要加载的资源从 2M 优化到240k，大大缩短首屏加载时间。
+- *[性能优化]* 通过字体分包、懒加载和 CDN 优化，将首屏加载时间从 *10s 优化到 0.5s*，Lighthouse 性能评分从 *80 提升至 97*
 
-- *[中文字体分块优化]* 使用开源项目中文网字计划对字体分包，导出为分片 woff 并在 CDN 处设置强缓存。解决字体过大加载缓慢 的问题。
+- *[多存储协议支持]* 通过 *抓包分析* AList 协议，实现了 S3 和 AList *双协议支持*，并提供了比 AList 更便捷的用户上传功能
 
-- *[Prerender 支持]* 使用 Nuxt 3 的能力，提前预渲染主页样式，缩短首屏加载时间
+- *[SSR 与预渲染]* 使用 Nuxt 3 的 *SSR 能力* 进行主页预渲染，配合 CDN 强缓存策略，显著提升了用户体验
 
-- *[CDN 集成部署优化]* 利用 vite-plugin-qiniu, 将 assets 上传至 CDN 并配置强缓存
 
-- *[S3、AList 多存储协议支持]* 通过抓包并分析 Alist，支持了 Alist 协议，并且支持了 S3 协议。
 
-- *[Github OAuth、邮箱验证支持]* 通过 node-mail 库支持了发送邮件，支持了 Github OAuth 登录。
-
-- *[响应式UI设计]* 使用了 Vue 3 的 Composition API 进行开发，使用了 Vue 3 的 Suspense 特性， 实现了响应式 UI 设计。

zh/skills.typ

@@ -12,31 +12,37 @@
 
 #columns(2)[
 
+  === 前端开发
 
-  === 全栈开发
+  - 熟练使用 *Vue 3* 全家桶（Vue Router、Pinia、Composition API）进行项目开发，有多个完整项目经验
 
-  - 熟悉 *HTML、CSS、JavaScript、TypeScript、SASS、UnoCSS* 等前端技术；
+  - 熟悉 *React Native* 开发，在小米实习期间负责米家大家电插件的开发与迭代，熟悉 *Rematch* 状态管理
 
+  - 熟悉 *TypeScript*，能够进行类型安全的前端开发
 
-  - 熟练使用 *Vue、Vue-Router、Vuex、Pinia* 等 Vue 生态库，熟悉使用 Uniapp 开发小程序应用；
+  - 有 *国际化（i18n）* 和 *RTL 布局* 实践经验，参与过出海产品开发
 
+  - 有 *前端性能优化* 经验，曾将项目首屏加载时间从 10s 优化到 0.5s，Lighthouse 评分提升至 97
 
-  - 熟悉 *Vite、Rollup* 等现代前端工具，熟悉 ES6 新特性、现代浏览器新 API、*开发过 Vite Plugin*；
+  - 熟悉 *Vite* 构建工具，开发过 Vite Plugin，了解前端工具链和构建优化（CDN、字体分包、懒加载）
 
-  - 做过出海产品，有处理 *i18n* 以及 *RTL 、断行* 等多语言布局的经验
+  - 熟悉使用 *Uniapp* 开发跨平台小程序应用，有微信小程序和 H5 应用开发经验
 
-  - 了解 *RESTful、EventStream、WebSocket* 等数据传输协议/规范； 封装过简易 RPC 库；
-
-
-  - 了解并使用过 *React Native* 开发项目，了解并使用过 *Redux、React Router* 等 React 生态关键组件
-
-  - 使用过 *NestJs、Prisma* 等构建后端服务；使用过 *Flask*、*Quart* 构建后端服务，了解并使用过 *Docker* 打包后端服务
-
-  - 了解多种 Git 分支模式，会使用 Git merge 和 *Git rebase、cherry-pick*
   #colbreak()
+
+  === 后端与工程化
+
+  - 熟悉 *RESTful API* 设计，了解 WebSocket、EventStream 等实时通信协议
+
+  - 使用过 *Flask/Quart* 构建后端服务，了解 NestJS、Prisma 等现代后端技术栈
+
+  - 熟悉 *Git* 工作流，有 CI/CD 实践经验（Github Actions）
+
+  - 了解 *Monorepo* 架构，有大型项目的模块化拆分经验
+
   === 数据分析与深度学习
 
-  - 熟悉使用 *Python* 进行数据处理与分析，熟练使用 *Pandas、NumPy* 等数据处理库；
+  // - 熟悉使用 *Python* 进行数据处理与分析，熟练使用 *Pandas、NumPy* 等数据处理库；
 
   - 有使用 *PyTorch* 进行深度学 习模型设计与训练的经验，了解常用的深度学习网络结构与算法；
 
@@ -44,18 +50,7 @@
 
   - 有使用 *LoRA 微调 SAM* 模型的经验，了解大模型微调的基本方法；
 
-  - 熟练使用 *Matplotlib、Seaborn* 等数据可视化库，能够生成高质量的可视化图表；
-
-
-  === 其他
-
-
-  - 对计算机网络的应用层、协议层比较熟悉，对 *http 协议* 比较了解，擅长抓包和简单的逆向来分析应用行为
-
-  - 了解 Scrum 敏捷流程，有主导 Scurm 项目迭代的经历，有搭建 DevOps 自动化流水线的经历
-
-  - 有多个从 0 到 1 独立/主导进行项目开发的经历。
-
+  // - 熟练使用 *Matplotlib、Seaborn* 等数据可视化库，能够生成高质量的可视化图表；
 
 ]
 // #pagebreak()