半小時從 0 到上線:Google AI Studio 打造 HIS 搜尋神器 😈
不寫一行 Code,只給 AI 一個檔,立刻換來絲滑流暢的 HIS 系統選單搜尋神器。
專案緣起:迷航在 HIS 的數位迷宮
在醫療現場,HIS(醫療資訊系統)的選單結構往往複雜得像迷宮。新人找不到功能、資深員工憑記憶盲點,大家都在「找路徑」這件事上浪費了太多生命,痛苦太多而收穫太少。
傳統上,開發一個專屬的搜尋工具,流程繁瑣,動輒數週。但這次,我利用 Google AI Studio Builder,在 不到 30 分鐘 內,從無到有打造了這款「山寨庫洛米 HIS Search」,實現了一次對傳統開發模式的降維打擊。
Google AI Studio Builder 的魔法:從想法到部署
這不是科幻電影,這是現在進行式。我所做的,僅僅是把人工盤點好的 JSON 選單丟給 AI,然後就像跟同事聊天一樣提出需求:
"幫我做一個搜尋 APP,要有層級導航,還要庫洛米 (Kuromi) 風格!"
AI 瞬間理解了複雜的巢狀資料結構,並自動化生成了搜尋演算法、麵包屑導航 (Breadcrumbs)、本地儲存 (Local Storage) 等功能,最後直接部署上線,過程極致絲滑。
解決真實痛點的「四大絲滑體驗」
這不只是一個 Vibe Coding 玩具,這是一個真正能用的生產力工具,提供了四個核心功能:
1. 極致快搜,路徑視覺化
告別在幾百個選單中翻找的痛苦。輸入關鍵字,AI 寫好的演算法瞬間列出結果,並用高對比標籤清楚標示路徑(如:護理站管理 > 報表作業)。
2. 層級瀏覽,如逛網拍
實作了互動式資料夾與動態麵包屑,你可以一層層點進去,隨時跳回上一層,操作體驗比原本的 HIS 系統流暢一百倍。
3. 個人化收藏與歷史紀錄
內建「我的最愛」和「最近搜尋」功能,常用的功能直接釘選。紀錄存在瀏覽器裡,關掉重開還在!
4. 庫洛米風格視覺爆擊 😈
動態的 Wiggle 動畫、酷黑粉紫的鑽石紋背景、跟隨滑鼠互動的彩蛋...全由 AI 理解風格後自動生成。
專案啟示
這款 APP 的誕生證明了一件事:技術的門檻正在消失,解決問題的能力才是核心。
透過 Google AI Studio,我們不再受限於開發資源或時間成本。只要你有痛點、有想法,AI 就能成為你的雙手,用不到半小時的時間,將原本枯燥的行政作業,轉化為一場高效又絲滑的數位體驗。
現在,就把繁雜留給 AI,把時間留給更重要的照護工作吧!
核心價值
-
極速開發 從概念到上線不到 30 分鐘,驗證了 GenAI 在敏捷開發中的巨大潛力。
-
提升使用者體驗 將複雜、過時的 HIS 介面,轉化為現代、直觀的搜尋體驗,直接解決一線人員痛點。
-
AI 賦能 展示了 AI 如何自動理解資料結構、生成程式碼、甚至應用美學風格,降低開發門檻。