一般更新
2025iThomeIronman
Day 22: 【前端 #3】AI 一鍵生成完整 App 靜態 UI
今天我們將繼續指揮 AI 助手,根據所有設計藍圖,在現有專案基礎上,將 MVP 所需的所有靜態 UI 元素全部建造完成。
今天我們將繼續指揮 AI 助手,根據所有設計藍圖,在現有專案基礎上,將 MVP 所需的所有靜態 UI 元素全部建造完成。
今天我們將扮演「結構工程師」,將昨天生成的 UI 原型進行專業級的「大改造」,落實關注點分離原則。
今天我們將使用 Gemini Canvas 功能,直接從「建築工人」升級成「魔法建築師」,瞬間召喚出一棟功能完整、外觀精美的 UI 原型!
今天我們將化身為「UI 架構師」,指揮 Gemini 設計出網站的主要佈局,並將介面拆解成清晰的元件清單。
今天我們將化身為「首席視覺設計師」,與我們的 AI 夥伴 Gemini 深度對談,為我們的 App 定義一套獨一無二的視覺風格。
今天,我們將回歸本心,認識一下構成生命的三大基本元素:HTML, CSS, 與 JavaScript。
今天,是我們「左手藍圖,右手魔法」協奏曲的上半場終章。我們將回顧我們走了多遠,沉澱我們學到了什麼,並展望未來。
今天我們將引入自動化測試,指揮 Gemini 化身為測試工程師,為我們撰寫測試案例,並直接升級 CI 流程。
今天我們就要來幫專案請一位 24 小時不休息的稽查員—— GitHub Actions ,順便設定好我們的第一條自動化品管流程 (CI)!
今天我們將扮演「專案總建築師」,把詳細的「設計藍圖 (API_SPEC.yml)」交給 AI 首席工程師,命令它根據藍圖建構完整的 Habits 資源模組。