網站介紹
「AI 程式拼圖」是一個旨在幫助程式初學者透過有趣、互動的方式學習網頁開發的工具。您可以輸入一個點子，AI 會為您生成對應的功能選項與設計風格，接著組合這些「拼圖」，一鍵生成完整的網頁程式碼。不僅如此，您還可以啟動 AI 老師，進行一步步的程式碼教學，深入理解程式的運作原理。
使用說明
- 設定金鑰： 點擊右上角的 圖示，輸入您的 Google Gemini API 金鑰以啟動 AI 功能。
- 寫下點子： 在步驟 1 的輸入框中，描述您想製作的網頁，例如「一個顯示笑話的網站」。
- 生成選項： 點擊「生成功能與風格」按鈕，AI 會為您產生相關的功能與風格拼圖。
- 挑選拼圖： 在步驟 2 和 3 中，點擊選擇您想要的功能（可多選）與風格（單選）。
- 生成程式： 點擊「生成完整程式碼」，AI 將根據您的選擇，撰寫完整的 HTML, CSS, JavaScript 程式碼。
- 預覽與學習： 您可以查看、複製、全螢幕預覽程式碼，或點擊「啟動 AI 老師分步教學」來深入學習。
隱私權聲明
本網站高度重視您的隱私。您的 Google Gemini API 金鑰只會儲存在您自己的瀏覽器本地儲存空間 (Local Storage) 中，不會被上傳或分享至任何伺服器。所有與 AI 的互動都是在您的客戶端與 Google API 之間直接進行。
版權及免責聲明
本網站由 @ArvinChen 開發。網站上由 AI 生成的程式碼、文字與設計僅供學習與參考之用。使用者應自行承擔使用這些生成內容所可能產生的任何風險與責任。請勿將生成內容用於任何非法或侵權活動。本站不對生成內容的準確性、完整性或適用性作任何保證。