可以當教程睇，亦都可以當手冊嚟查。

請在當前項目中新增一個登錄頁面。

要求：
1. 複用現有 UI 組件；
2. 不引入新的表單庫；
3. 支持郵箱和密碼輸入；
4. 增加基礎校驗；
5. 修改完成後運行類型檢查；
6. 最後總結修改了哪些文件。

1. 1.登入你嘅 ChatGPT 賬號；
2. 2.新建或選擇一個項目資料夾；
3. 3.喺第一個對話入面叫 Codex 淨係讀項目，唔好直接改 code。

npm install -g @openai/codex

codex --version

codex

codex "請解釋這個項目的目錄結構"

先不要修改任何代碼。

請通讀當前項目，並回答：
1. 這個項目是做什麼的；
2. 使用了哪些技術棧；
3. 主要目錄結構是什麼；
4. 啓動命令是什麼；
5. 測試或類型檢查命令是什麼；
6. 首頁或主入口文件在哪裏；
7. 如果我要新增一個頁面，應該從哪裏開始。

請重點解釋當前項目裏的“內容列表”模塊。

請說明：
1. 頁面文件在哪裏；
2. 數據從哪裏來；
3. 組件之間如何傳遞數據；
4. 有沒有狀態管理；
5. 如果我要增加篩選功能，大概需要改哪些文件。

仍然不要修改代碼。

請把首頁主按鈕文案從“開始使用”改成“立即體驗”。

要求：
1. 只修改必要文件；
2. 不調整樣式；
3. 不改其他文案；
4. 修改後告訴我改了哪個文件。

請給當前列表頁增加一個搜索框。

要求：
1. 複用現有樣式；
2. 不引入新的 UI 庫；
3. 支持按關鍵詞過濾列表；
4. 不修改後端接口；
5. 修改後運行類型檢查；
6. 最後總結修改了哪些文件，以及如何驗證。

請總結當前 diff：
1. 修改了哪些文件；
2. 每個文件為什麼修改；
3. 有沒有無關改動；
4. 有沒有潛在風險；
5. 是否運行了測試或類型檢查。

請解釋這個項目的整體架構。

輸出格式：
1. 項目用途；
2. 技術棧；
3. 目錄結構；
4. 核心模塊；
5. 數據流；
6. 啓動方式；
7. 新人上手建議。

不要修改代碼。

請把上面的項目結構解釋成非程序員也能聽懂的版本。
不要出現太多術語，如果必須出現，請順手解釋。

請重構當前組件。

目標：
1. 降低組件複雜度；
2. 抽離重複邏輯；
3. 保持現有功能不變；
4. 不修改對外 props；
5. 不改變樣式表現。

執行前請先給出計劃，等我確認後再修改。

我遇到了下面這個報錯：

[粘貼完整報錯]

復現步驟：
1. 打開某個頁面；
2. 點擊某個按鈕；
3. 出現報錯。

請按步驟處理：
1. 解釋報錯含義；
2. 判斷最可能的原因；
3. 列出你要檢查的文件；
4. 給出修復計劃；
5. 等我確認後再修改代碼。

修復後請運行相關測試或啓動命令，確認問題是否解決。

請為當前模塊補充測試。

要求：
1. 參考項目已有測試風格；
2. 覆蓋正常情況、異常情況和邊界情況；
3. 不修改業務邏輯；
4. 測試文件命名遵循項目規範；
5. 寫完後運行測試並彙報結果。

請先檢查當前項目是否已有測試框架和測試示例。

如果有，請說明測試框架、測試命令和推薦寫法。
如果沒有，請給出最小化測試方案，先不要安裝依賴。

幫我優化一下頁面。

【目標】
優化當前文章列表頁的加載速度。

【背景】
這是一個 Next.js 項目，文章列表頁目前首屏加載偏慢。

【限制】
1. 不改變頁面視覺效果；
2. 不修改後端接口；
3. 不引入新的狀態管理庫；
4. 優先檢查重複請求和不必要渲染。

【驗收標準】
1. 給出性能問題分析；
2. 修改前先列出計劃；
3. 修改後運行類型檢查；
4. 總結修改文件和驗證方式。

請先進入計劃模式，不要修改代碼。

任務：
給當前項目新增“文章收藏”功能。

請輸出：
1. 需要修改哪些文件；
2. 每個文件準備做什麼；
3. 是否需要新增依賴；
4. 是否涉及數據結構變化；
5. 可能的風險點；
6. 驗證方式。

等我確認後再執行。

# AGENTS.md

## 項目簡介
這是一個內容選題管理工具，用於記錄選題、平台、狀態、發佈時間和覆盤數據。

## 技術棧
- Next.js
- TypeScript
- Tailwind CSS
- shadcn/ui
- SQLite

## 常用命令
- npm run dev：啓動開發環境
- npm run build：構建項目
- npm run lint：運行 lint
- npm run test：運行測試

## 代碼規範
- 使用函數組件；
- 所有組件使用 TypeScript；
- 樣式優先使用 Tailwind；
- 不要引入新的 UI 庫；
- 不要修改數據庫結構，除非任務明確要求。

## 目錄說明
- src/app：頁面
- src/components：通用組件
- src/lib：工具函數
- src/db：數據庫相關代碼

## 注意事項
- 修改超過 3 個文件前，必須先給出計劃；
- 涉及數據刪除操作時，必須等待人工確認；
- 完成任務後必須總結修改內容。

請打開我已經登錄的幾個內容平台後台，整理最近 7 天的數據。

需要記錄：
1. 內容標題；
2. 發佈時間；
3. 閲讀量或播放量；
4. 點贊、收藏、評論；
5. 新增粉絲；
6. 表現最好的 3 條內容。

請先整理成表格，不要發送給任何人。完成後等我檢查。

當我讓你拆解一個 AI 工具時，請按以下結構輸出：
1. 這個工具解決什麼問題；
2. 適合什麼人；
3. 主要功能；
4. 新手怎麼上手；
5. 三個真實使用場景；
6. 和同類工具的區別；
7. 適合做成什麼內容選題。

當我給你一個 AI 工具主題時，請幫我生成半天培訓方案。

輸出：
1. 培訓對象；
2. 培訓目標；
3. 課程模塊；
4. 每個模塊的講解重點；
5. 現場練習；
6. 學員作業；
7. 講師提示。

審查代碼時，請優先關注：
1. 是否有明顯 Bug；
2. 是否破壞現有 API；
3. 是否存在安全風險；
4. 是否缺少必要測試；
5. 是否有過度設計；
6. 是否有無關文件被修改。

只標出重要問題，不要糾結格式偏好。

每週五下午，檢查本週內容項目的更新情況。

請整理：
1. 本週新增了哪些選題；
2. 哪些選題已經發布；
3. 哪些選題卡在待修改狀態；
4. 哪些內容數據表現最好；
5. 下週建議優先推進的 5 個選題。

輸出一份週報草稿，等我確認後再使用。

每天早上檢查當前項目狀態。

請整理：
1. 昨天新增的問題；
2. 仍未關閉的高優先級任務；
3. 最近失敗的構建或測試；
4. 需要人工 review 的分支；
5. 今天建議優先處理的事項。

只生成報告，不要自動修改代碼。

每週一上午檢查課程資料庫。

請整理：
1. 本週要交付的培訓主題；
2. 哪些課件還沒準備；
3. 哪些案例需要更新；
4. 哪些工具最近有重大更新；
5. 建議補充的練習題。

只輸出清單，不要修改文件。

請讀取項目管理工具裏本週標記為“待處理”的任務。

請按以下格式整理：
1. 任務標題；
2. 所屬模塊；
3. 優先級；
4. 是否阻塞其他任務；
5. 建議處理順序。

只整理，不修改任務狀態。

1. 1.每個線程只負責一個明確任務；
2. 2.盡量避免多個線程同時改同一批檔案；
3. 3.每個線程完成後先睇 diff；
4. 4.合併前叫 Codex 總結衝突風險；
5. 5.重要變更必須人工 review。

我想做一個本地運行的“內容選題管理工具”。

請先不要寫代碼，先給我方案。

功能要求：
1. 可以新增選題；
2. 可以編輯選題；
3. 可以按狀態篩選；
4. 可以按平台篩選；
5. 可以搜索標題；
6. 可以記錄發佈時間和覆盤備註；
7. 數據先保存在本地，不做登錄。

請輸出：
1. 推薦技術方案；
2. 頁面結構；
3. 數據結構；
4. 需要創建哪些文件；
5. 第一個最小可用版本怎麼做。

請實現第一個最小可用版本。

要求：
1. 使用當前項目已有技術棧；
2. 頁面包含選題列表、搜索框、狀態篩選、新增選題按鈕；
3. 數據可以先寫死在前端數組裏；
4. 不接數據庫；
5. 不引入新的 UI 庫；
6. 完成後運行類型檢查；
7. 最後告訴我如何打開頁面。

請把選題數據改成本地保存。

要求：
1. 使用 localStorage；
2. 支持新增、編輯、刪除；
3. 刷新頁面後數據仍然存在；
4. 不接後端；
5. 不改變現有頁面佈局；
6. 修改前先說明會改哪些文件。

請給每條選題增加“數據覆盤”字段。

字段包括：
1. 閲讀量或播放量；
2. 點贊數；
3. 收藏數；
4. 評論數；
5. 覆盤備註。

要求：
1. 列表頁顯示核心數據；
2. 編輯彈窗裏可以修改；
3. 不影響已有數據；
4. 如果老數據沒有這些字段，請做兼容處理。

請根據當前項目，生成一份 README。

要求：
1. 說明這個工具是做什麼的；
2. 說明如何安裝依賴；
3. 說明如何啓動；
4. 說明主要功能；
5. 說明數據保存在什麼地方；
6. 說明後續可以擴展哪些功能。

可以當教程看，也可以當手冊查。

請在當前項目中新增一個登錄頁面。

要求：
1. 複用現有 UI 組件；
2. 不引入新的表單庫；
3. 支持郵箱和密碼輸入；
4. 增加基礎校驗；
5. 修改完成後運行類型檢查；
6. 最後總結修改了哪些文件。

1. 1.登錄你的 ChatGPT 賬號；
2. 2.新建或選擇一個項目文件夾；
3. 3.在第一個對話裏讓 Codex 只讀項目，不要直接改代碼。

npm install -g @openai/codex

codex --version

codex

codex "請解釋這個項目的目錄結構"

先不要修改任何代碼。

請通讀當前項目，並回答：
1. 這個項目是做什麼的；
2. 使用了哪些技術棧；
3. 主要目錄結構是什麼；
4. 啓動命令是什麼；
5. 測試或類型檢查命令是什麼；
6. 首頁或主入口文件在哪裏；
7. 如果我要新增一個頁面，應該從哪裏開始。

請重點解釋當前項目裏的“內容列表”模塊。

請說明：
1. 頁面文件在哪裏；
2. 數據從哪裏來；
3. 組件之間如何傳遞數據；
4. 有沒有狀態管理；
5. 如果我要增加篩選功能，大概需要改哪些文件。

仍然不要修改代碼。

請把首頁主按鈕文案從“開始使用”改成“立即體驗”。

要求：
1. 只修改必要文件；
2. 不調整樣式；
3. 不改其他文案；
4. 修改後告訴我改了哪個文件。

請給當前列表頁增加一個搜索框。

要求：
1. 複用現有樣式；
2. 不引入新的 UI 庫；
3. 支持按關鍵詞過濾列表；
4. 不修改後端接口；
5. 修改後運行類型檢查；
6. 最後總結修改了哪些文件，以及如何驗證。

請總結當前 diff：
1. 修改了哪些文件；
2. 每個文件為什麼修改；
3. 有沒有無關改動；
4. 有沒有潛在風險；
5. 是否運行了測試或類型檢查。

請解釋這個項目的整體架構。

輸出格式：
1. 項目用途；
2. 技術棧；
3. 目錄結構；
4. 核心模塊；
5. 數據流；
6. 啓動方式；
7. 新人上手建議。

不要修改代碼。

請把上面的項目結構解釋成非程序員也能聽懂的版本。
不要出現太多術語，如果必須出現，請順手解釋。

請重構當前組件。

目標：
1. 降低組件複雜度；
2. 抽離重複邏輯；
3. 保持現有功能不變；
4. 不修改對外 props；
5. 不改變樣式表現。

執行前請先給出計劃，等我確認後再修改。

我遇到了下面這個報錯：

[粘貼完整報錯]

復現步驟：
1. 打開某個頁面；
2. 點擊某個按鈕；
3. 出現報錯。

請按步驟處理：
1. 解釋報錯含義；
2. 判斷最可能的原因；
3. 列出你要檢查的文件；
4. 給出修復計劃；
5. 等我確認後再修改代碼。

修復後請運行相關測試或啓動命令，確認問題是否解決。

請為當前模塊補充測試。

要求：
1. 參考項目已有測試風格；
2. 覆蓋正常情況、異常情況和邊界情況；
3. 不修改業務邏輯；
4. 測試文件命名遵循項目規範；
5. 寫完後運行測試並彙報結果。

請先檢查當前項目是否已有測試框架和測試示例。

如果有，請說明測試框架、測試命令和推薦寫法。
如果沒有，請給出最小化測試方案，先不要安裝依賴。

幫我優化一下頁面。

【目標】
優化當前文章列表頁的加載速度。

【背景】
這是一個 Next.js 項目，文章列表頁目前首屏加載偏慢。

【限制】
1. 不改變頁面視覺效果；
2. 不修改後端接口；
3. 不引入新的狀態管理庫；
4. 優先檢查重複請求和不必要渲染。

【驗收標準】
1. 給出性能問題分析；
2. 修改前先列出計劃；
3. 修改後運行類型檢查；
4. 總結修改文件和驗證方式。

請先進入計劃模式，不要修改代碼。

任務：
給當前項目新增“文章收藏”功能。

請輸出：
1. 需要修改哪些文件；
2. 每個文件準備做什麼；
3. 是否需要新增依賴；
4. 是否涉及數據結構變化；
5. 可能的風險點；
6. 驗證方式。

等我確認後再執行。

# AGENTS.md

## 項目簡介
這是一個內容選題管理工具，用於記錄選題、平台、狀態、發佈時間和覆盤數據。

## 技術棧
- Next.js
- TypeScript
- Tailwind CSS
- shadcn/ui
- SQLite

## 常用命令
- npm run dev：啓動開發環境
- npm run build：構建項目
- npm run lint：運行 lint
- npm run test：運行測試

## 代碼規範
- 使用函數組件；
- 所有組件使用 TypeScript；
- 樣式優先使用 Tailwind；
- 不要引入新的 UI 庫；
- 不要修改數據庫結構，除非任務明確要求。

## 目錄說明
- src/app：頁面
- src/components：通用組件
- src/lib：工具函數
- src/db：數據庫相關代碼

## 注意事項
- 修改超過 3 個文件前，必須先給出計劃；
- 涉及數據刪除操作時，必須等待人工確認；
- 完成任務後必須總結修改內容。

請打開我已經登錄的幾個內容平台後台，整理最近 7 天的數據。

需要記錄：
1. 內容標題；
2. 發佈時間；
3. 閲讀量或播放量；
4. 點贊、收藏、評論；
5. 新增粉絲；
6. 表現最好的 3 條內容。

請先整理成表格，不要發送給任何人。完成後等我檢查。

當我讓你拆解一個 AI 工具時，請按以下結構輸出：
1. 這個工具解決什麼問題；
2. 適合什麼人；
3. 主要功能；
4. 新手怎麼上手；
5. 三個真實使用場景；
6. 和同類工具的區別；
7. 適合做成什麼內容選題。

當我給你一個 AI 工具主題時，請幫我生成半天培訓方案。

輸出：
1. 培訓對象；
2. 培訓目標；
3. 課程模塊；
4. 每個模塊的講解重點；
5. 現場練習；
6. 學員作業；
7. 講師提示。

審查代碼時，請優先關注：
1. 是否有明顯 Bug；
2. 是否破壞現有 API；
3. 是否存在安全風險；
4. 是否缺少必要測試；
5. 是否有過度設計；
6. 是否有無關文件被修改。

只標出重要問題，不要糾結格式偏好。

每週五下午，檢查本週內容項目的更新情況。

請整理：
1. 本週新增了哪些選題；
2. 哪些選題已經發布；
3. 哪些選題卡在待修改狀態；
4. 哪些內容數據表現最好；
5. 下週建議優先推進的 5 個選題。

輸出一份週報草稿，等我確認後再使用。

每天早上檢查當前項目狀態。

請整理：
1. 昨天新增的問題；
2. 仍未關閉的高優先級任務；
3. 最近失敗的構建或測試；
4. 需要人工 review 的分支；
5. 今天建議優先處理的事項。

只生成報告，不要自動修改代碼。

每週一上午檢查課程資料庫。

請整理：
1. 本週要交付的培訓主題；
2. 哪些課件還沒準備；
3. 哪些案例需要更新；
4. 哪些工具最近有重大更新；
5. 建議補充的練習題。

只輸出清單，不要修改文件。

請讀取項目管理工具裏本週標記為“待處理”的任務。

請按以下格式整理：
1. 任務標題；
2. 所屬模塊；
3. 優先級；
4. 是否阻塞其他任務；
5. 建議處理順序。

只整理，不修改任務狀態。

1. 1.每個線程只負責一個明確任務；
2. 2.儘量避免多個線程同時改同一批文件；
3. 3.每個線程完成後先看 diff；
4. 4.合併前讓 Codex 總結衝突風險；
5. 5.重要變更必須人工 review。

我想做一個本地運行的“內容選題管理工具”。

請先不要寫代碼，先給我方案。

功能要求：
1. 可以新增選題；
2. 可以編輯選題；
3. 可以按狀態篩選；
4. 可以按平台篩選；
5. 可以搜索標題；
6. 可以記錄發佈時間和覆盤備註；
7. 數據先保存在本地，不做登錄。

請輸出：
1. 推薦技術方案；
2. 頁面結構；
3. 數據結構；
4. 需要創建哪些文件；
5. 第一個最小可用版本怎麼做。

請實現第一個最小可用版本。

要求：
1. 使用當前項目已有技術棧；
2. 頁面包含選題列表、搜索框、狀態篩選、新增選題按鈕；
3. 數據可以先寫死在前端數組裏；
4. 不接數據庫；
5. 不引入新的 UI 庫；
6. 完成後運行類型檢查；
7. 最後告訴我如何打開頁面。

請把選題數據改成本地保存。

要求：
1. 使用 localStorage；
2. 支持新增、編輯、刪除；
3. 刷新頁面後數據仍然存在；
4. 不接後端；
5. 不改變現有頁面佈局；
6. 修改前先說明會改哪些文件。

請給每條選題增加“數據覆盤”字段。

字段包括：
1. 閲讀量或播放量；
2. 點贊數；
3. 收藏數；
4. 評論數；
5. 覆盤備註。

要求：
1. 列表頁顯示核心數據；
2. 編輯彈窗裏可以修改；
3. 不影響已有數據；
4. 如果老數據沒有這些字段，請做兼容處理。

請根據當前項目，生成一份 README。

要求：
1. 說明這個工具是做什麼的；
2. 說明如何安裝依賴；
3. 說明如何啓動；
4. 說明主要功能；
5. 說明數據保存在什麼地方；
6. 說明後續可以擴展哪些功能。