網站與應用程式開發及上線

將產品需求轉成可測試的功能，檢查介面與安全性，再規劃部署、錯誤監控，以及還原上一版本的操作步驟。

先完成一條從輸入資料到取得結果的使用者流程。閱讀功能實作、測試、機密資料保護與部署指南，並掌握網站或應用程式上線後的檢查項目。

Markdown

• 如何在一個晚上用 Claude Code 打造動畫網站介紹在 Claude Code 中製作動畫網站時，避免模板化設計的規則、視覺方向、GSAP、無障礙設計與效能測試。
• Astro 或 Next.js：2026 年，AI 建置的網站該選哪一個？比較 AI 代理程式建置網站時使用 Astro 或 Next.js 的差異，涵蓋用途、架構、託管、費用與學習曲線，並附上依情境選擇的表格。
• 2026 年，讓 Claude Code 存取你的資料安全嗎？深入分析：2026 年，讓 Claude Code 存取你的資料安全嗎？
• Vibe Coding 安全性：如何保護 AI 打造的應用程式如何防止 AI 打造的應用程式遭到駭客入侵：Lovable 和 Tea 資料外洩、保護機密與金鑰、RLS、代理程式權限，以及發布前的安全檢查清單。
• AI 刪除了資料庫：7 分鐘復原計畫資料遭刪除後該怎麼做：停止代理程式、記錄事件，並使用 git reflog、PITR、快照和檔案復原。附範例與防護措施。
• 我用 AI 做了產品——如何在不破壞現有功能的情況下持續改進產品上線後的安全維護：git、回復、測試環境、機密保護、託管、備份與日常維護。完整保留全部六個提示詞。
• 2026 年的 Astro 是什麼？為什麼 AI 建置網站會用到它用簡單的方式認識 Astro：這個框架是什麼、與 Tilda 有何不同、適合哪些網站，以及如果用 AI 建置網站，為什麼需要它。
• Claude Code GitHub Action 漏洞：應更新哪些內容，以及如何保護你的儲存庫分析 v1.0.94 之前 claude-code-action 的漏洞：工作流程檢查、工具限制、最低權限權杖，以及 CI/CD 防護。
• Claude Design：指南與五個實用情境功能、價格、設計系統、登陸頁、簡報、原型和 HTML 電子郵件。匯出、限制，以及將成果交接給 Claude Code。
• Codex Sites：內部工具與服務限制說明 Codex Sites、D1 和 R2 的運作方式、內部網站的適用對象、它與公開網站建置工具的差異，以及值得考量的限制。
• Coolify 與 Claude Code：將專案部署到自己的 VPS安裝 Coolify、連結 GitHub、部署 Next.js、設定網域與 HTTPS、MCP、VPS 需求及疑難排解。價格以美元計價，並保留原始限制。
• Cursor 中的 Security Agents 與 Rollouts：安全檢查與發布監控如何在 Cursor Automations 中啟用 Security Reviewer、Vulnerability Scanner 和 Rollouts：觸發條件、團隊共用額度的使用方式、方案，以及它們與 Bugbot 的差異。
• Google Stitch + Claude Code：設計出沒有「AI 感」的網站完整手動 Google Stitch 至 Claude Code 流程：匯出 HTML／CSS、由本機檔建立 DESIGN.md、建置驗證一頁，處理未解決 MCP 授權。
• 如何讓 ChatGPT、Claude 和 Perplexity 的搜尋爬蟲存取你的網站搜尋與訓練爬蟲的名稱、完整的 robots.txt 範例、網站地圖、文字可用性及引用限制。
• 看不懂程式碼也能檢查 AI 生成的程式碼：非程式設計者的 7 項檢查AI 寫好了程式碼，但你不知道怎麼讀？這份可直接使用的清單列出 7 項檢查與提示詞，幫你在發布前找出損壞的程式碼和安全漏洞。
• 他人的儲存庫如何在 2026 年駭入 Claude Code：7 條防護規則儲存庫、GitHub、Sentry 事件與 MCP metadata 的四種已記錄間接提示注入路徑，附一手研究及圍堵限制。
• 透過 Claude Code 建立 Astro 網站：從資料夾到發布逐步指南：如何透過 Claude Code 使用 Astro 建立網站，即使不會寫程式也能完成。本文說明要安裝什麼、建立專案要使用哪個指令，以及如何免費發布網站。
• Kimi Code Never Ask：模式與危險指令在 Never Ask 模式中，Kimi Code 會不經詢問就執行 rm -rf 和 shutdown。3 種模式有什麼不同？如何在 config.toml 中禁止危險指令？
• FrontierCode Diamond：50 個困難任務中 13.4% 的修補程式可合併2026 年 6 月 FrontierCode 結果：Diamond 50 個困難任務為 13.4%，Extended 為 51.8%；以及如何檢查 AI 生成修補程式。
• 產品中的圖片和字型：來源與授權Unsplash、Pexels、Google Fonts 與付費授權：使用條款、署名方式，以及如何確認每個檔案的使用權利。
• 在商業產品中使用 GitHub 程式碼：授權條款與檢查事項寬鬆型授權條款 MIT、Apache 和 BSD，著作傳（copyleft）GPL/AGPL，缺少 LICENSE 檔案，以及檢查 AI 加入的程式碼來源。
• 使用 Claude Code 和 Refero DESIGN.md 打造非範本風格網站Refero Styles 設計脈絡：DESIGN.md 結構、如何選擇視覺系統、匯入 CLAUDE.md、建立頁面的四個步驟，以及常見錯誤。
• Claude Code 安全性審查：逐步指南與 2026 年 GitHub Action 自動化如何使用 Claude Code 中的 /security-review 檢查 vibe 專案的安全性。包含設定步驟、GitHub Action 範本、6 種漏洞，以及坦誠說明的限制。
• utm_source=chatgpt.com：如何衡量來自 ChatGPT 的流量UTM 標籤與引薦網址、Metrica 區隔、到達網頁、GA4，以及 OAI-SearchBot、GPTBot 和 ChatGPT-User 的角色。
• Vercel：Git 中沒有 .env 時的環境變數設定環境變數、Development／Preview／Production、新部署，以及如何在 Next.js 中安全檢查金鑰而不將密鑰傳送至瀏覽器。