個人網站 yoyuky.com

採用 AI Agent 協作流程構建

AI Agent 貫穿本網站從架構決策到生產部署的完整生命週期，而我始終主導設計、內容準確性與安全基線。

• 架構：選擇 Astro 實現靜態優先的混合渲染，支援 Netlify SSR 與多語言。
• 代碼生成：在 AI 輔助下迭代組件、佈局、服務端 API 路由與國際化。
• 內容：協同創建結構化文案、經過核實的 AI/網絡安全資訊流，以及本地知識庫聊天機器人。
• 安全與私隱：配置 CSP、HSTS、security.txt，並透過 Resend 實現私隱優先的聯絡表單。
• 部署：實現從 GitHub 到 Netlify 的自動構建，包含強制緩存失效與 SSR 密鑰管理。

關鍵成果

• 發布了一個深色主題的專業作品集，支援英文、簡體中文與繁體中文。
• 實現了服務端聯絡表單和不依賴外部大模型 API 的本地知識庫聊天機器人。
• 構建了卡片到詳情頁的項目展示，以及帶來源標註的 AI/網絡安全資訊歸檔。
• 保持了簡潔、可擴展的代碼庫，讓後續更新與新增項目更容易。