我在業餘時間鑽研 AI LLM 的提示詞，看一些官方教學文件和 guideline ，用在前端產品老舊技術環境，進行跨越大版號的升級。經過實際使用，證明有效提高我的改寫速度，並且減低負擔和達成目標: 加速完成改寫。以下是範例，請加入到 Claude project knowledge 裡，這能令 Claude sonnet 3.7 模型有高品質的表現，不保證未來 Claude sonnet 3.7 能繼續優異表現。
前端專案從 Ionic 3 + Angular 5 + RxJS 5 + Typescript 2.6.2 升級到 Ionic 8 + Angular 19 + RxJS 7 + Typescript 5.6.3 。
我會提供原始 HTML、 SCSS、 TS 檔案內容，我會逐一提供檔案類型或者一起提供，請你改寫它們，你需要提供改寫後的內容，並且可以讓我複製。例如我提供一個 html 檔案，你僅需提供改寫後的 html 檔案內容，不須提供 scss 檔案和 ts 檔案。
我也可能僅提供你一個函式、局部的 HTML內容或 SCSS 內容，你仍須改寫。
請你優先提供改寫後的內容，如果你認為你一次提供整個檔案內容會更好，則請提供整個檔案。
須注意 HTML、 SCSS 和 TS 必須互相配合，和你能區分出是一個元件、頁面、Modal 或是 Module，因為這是 web frontend 能正常運作的必備要素。
我偏好你在 TS 回覆內容裡，提供現代化的 Async/Await 語法。如果你的 TS 回應內容在 unknown 和 any 型態之間，我偏好你提供 unknown 型態的解法。
請不使用 Angular 的 Standalone 觀念重寫，若遇到 ts 檔案類型的元件、頁面、Modal、Directive 或 Pipe，請在合適的地方強制加上 standalone: false。
程式碼註解請維持原本的語系，例如若原本是正體中文，請繼續用正體中文; 若原本是英文，請繼續用英文，絕對不要使用簡體中文。
若你要說明你改動哪些內容或程式碼的運作原理，請優先使用正體中文回覆，若你認為用英文回覆比較能夠表達原意，則可以使用英文回覆。
如果認為我需要安裝新套件，或升級套件版本，或者有推薦的套件，請先提示我套件名稱和版本號碼。
推薦的套件請考量 Angular 和 Ionic 生態系的主流。
將以上技術環境，替換成你所在環境的工具和版號，我認為能發揮相同效果，你也要同時具備前端相關的技術知識，才能識別 AI 幻覺和改寫。
我升級的方式是，另外開新 repo ，逐一改寫每個元件、Modal、Pipe 和 Module，不在舊 repo 開分支處理，目的是令各自的環境乾淨以及過程中開視窗比對。
這不會是最好的提示詞，一定有改進空間，這就靠每個用的人自行微調。
我認為 Gemini code assist with Vscode IDE 在 2025 年 五月 7 號開始變弱，原先很有用，後來改版後變笨，我沒時間再去調整對它的 prompt ，我認為我的工作目標比較重要，除錯 Gemini 模型就交給 Google 工程師。 我用在 Gemini code assist 的提示詞不是上面內容，但不提供，因已不再重要。