打破傳統生硬的百頁文字白皮書框架!看懂如何透過「六邊形浮動政策島」呈現跨部門協作、用「市民 Debug 松」凝聚群眾智慧打造 MVP,並親自體驗只用免費版 Gemini Canvas 就復刻出一座可互動的政策島網站。
民進黨台北市長候選人 PUMA(沈伯洋)競選團隊將「台北市市政問題」視為程式碼中的「Bug」(漏洞與錯誤),透過互動遊戲「HEART 政策島」與公民協作的「市政 Debug 松(除錯松)」活動,徹底打破傳統政見白皮書生硬冗長的框架,運用資訊科技與群眾智慧推動數位治理。
團隊捨棄動輒百頁、生硬枯燥的文字政見,以經典桌遊《卡坦島》(Catan)與模擬城市為靈感,推出名為 「HEART」 的網頁互動遊戲。網頁中更藏有戴圓框眼鏡、捲髮、穿橘色背心的 Q 版虛擬人偶(Puma),會在島嶼間走動並站上「肥皂箱」揮手開講,大幅提升探索政見的趣味性。
將台北市地圖拆解為 14 座等大的正六邊形浮動島嶼(涵蓋微森林、交通、教育、托育、運動、危老都更等 94 項政策細項),並在「島與島」之間拉出 20 條「協作線」,具體呈現不同政見如何進行跨局處合作,讓市民一眼看懂政策並非單打獨鬥,而是環環相扣的有機生態系。
微森林 3-30-300 綠蔭、環境清潔箱、人本步行與河濱運動空間。
數位治理、教育創新、青年創業沙盒與文化街區能量釋放。
免費臨托、家庭一站通、敬老卡×親子同行卡連動、高齡安老與友善動物。
危老耐震健檢、公辦都更陪伴、社區微電網與極端氣候海綿防災。
公車路網動態反應需求、內湖尖峰車流紓解,把通勤時間還給市民生活。
團隊事先透過「市長,你給我聽好了」平台蒐集上千則市民真實的抱怨與建議,整理歸納出以下 7 大市政主題供參賽者認領除錯:
關注城市綠意覆蓋、樹蔭公平、行道樹健康履歷與市民樹木認領機制。
關注行人專用清潔箱科學化配置、位置查詢與垃圾滿溢即時通報。
針對社區、市場與餐飲周邊設計鼠蹤熱點 GIS 回報與環境滅鼠防制方案。
運用即時車流資料、智慧號誌與共乘誘因,紓解內湖科學園區交通痛點。
透過路網數據分析與動態需求反應,優化公車班距與轉乘大眾運輸效率。
整合老屋耐震風險查詢、容積試算與都更流程,降低民眾理解門檻。
由市民與跨領域團隊自行發揮日常觀察,揪出生活中的市政漏洞並提出解方。
由「小水滴大浪潮」團隊製作,將原本艱澀難懂的都更法規,整合為互動式的「危老健檢報告」、「都更計算機」與「都更障礙模擬遊戲」,大幅降低一般民眾理解危老都更的門檻。
針對台北街頭與餐飲周邊鼠患防制所設計的群眾通報、熱區地圖與獎勵互動系統,趣味與實用兼具的設計讓沈伯洋在直播中直呼「被民間高手的創意所感動」!
包含〈BinSoon〉、〈台北桶報局〉、〈怎麼Young都Soon〉等多組亮點作品,利用群眾外包(Crowdsourcing)即時回報行人垃圾桶位置與滿溢使用率,解決街頭環境髒亂問題。
為避免民間黑客松的創意流於一次性口號,沈伯洋在成果座談會(「AI 寫得出程式,寫不出城市:資訊人如何改變城市」)中宣布兩項制度化配套,這也正是我們在課堂上反覆強調「做出小工具原型(POC)很容易,但要進入機關或企業長期使用,必須搞定資料標準、資安與法規治理」的最佳實務教材:
於 Debug 松活動過後正式成立,目的在持續串聯工程師、設計師與跨領域專家的專業能量,並將民間開發的各項提案放到官網進行線上公開票選與迭代優化,讓公民科技參與成為常態機制。
沈伯洋主張推動科技治理必須由政府建立好基礎設施。未來若執政將成立「台北研究院」,專責處理法規對接、資訊安全保障、跨局處資料整合,並選定特定場域進行沙盒試辦,讓民間開發的 MVP(最小可行性方案)能真正與公務員體系安全對接、落地應用。
許多學員看到「HEART 政策島」覺得像商業遊戲一樣遙不可及。但在 AI 時代,「會拆解結構的人,就能用一句話請 Gemini Canvas 做出 85% 相似度的互動原型」!我們只需要把政策島拆解成以下 4 個前端視覺元件寫進 Prompt:
不必用複雜的 3D 建模軟體!請 Gemini Canvas 使用原生 SVG <polygon> 正六邊形座標計算,加上底部陰影多邊形與懸浮微動畫,就能在單一 HTML 檔案裡畫出 14 座如同《卡坦島》般的浮空島嶼。
在六邊形圖層下方鋪設 20 條 SVG 虛線。當使用者點擊任一座島嶼(例如「微森林島」)時,JavaScript 自動比對關聯陣列,將相關連線變成發光金色實線並點亮協作島嶼!
為每座島嶼標註所屬的 H(空間)、E(賦能)、A(陪伴)、R(韌性)、T(時間) 屬性與對應代表色,點擊頂部膠囊按鈕即可一鍵高亮特定治理面向的島嶼群。
點擊島嶼後,右側面板即時切換顯示該島的政策細項、可點擊跳轉的跨局處協作按鈕,並在被選中的島嶼右上角浮現「Q 版捲髮橘背心小人偶」站上肥皂箱開講的趣味語錄!
我們使用下方同一組「致敬台北 HEART 政策島」黃金 Prompt,分別在 Gemini 3.8 Flash(快速輕量模型) 與 Gemini 4 Argon(高階旗艦推理模型) 開啟 Canvas 進行實測,並一鍵匯出發布至 Google 協作平台(Google Sites)。學員可直接點開線上網址對比,或下載單檔 HTML 與完整對話紀錄檔(.mhtml)回推學習:
stroke-dashoffset 動態虛線光流,同步點亮合作島嶼。#8、#6)」。工務局 × 環保局 × 都發局)與關鍵 KPI。heart_v1_gemini_canvas_session.mhtml 真實對話紀錄)
開啟模式:Gemini Canvas
AI 自動完成平頂六邊形幾何頂點演算(getHexPoints(cx, cy, r))、建立 14 座主題島嶼座標與政見 JSON 資料模型、繪製底層跨局處協作線並在點擊時套用金色光流脈衝動畫,最後透過右上角「共用 ➔ 建立 Google 協作平台網站」零成本發布上線!
heart_v2_gemini_4_argon.html) — 可直接點擊六邊形島嶼與左下角「預覽全島 20 條協作網」!
↗ 在獨立全螢幕分頁開啟此版本
課堂練習分為兩階段:先用 Prompt A 體驗 3 分鐘復刻出「台北 HEART 政策島」,接著用 Prompt B 將六邊形島嶼換成你自己的「公司跨部門工作流島」、「台南市政觀察島」或「校園行政減量島」:
政府資料開放平臺(https://data.gov.tw/)與各縣市開放資料平台匯集了超過 5 萬筆結構化公開資料(CSV、JSON、GeoJSON、XML、API),採用政府資料開放授權條款免費開放下載。為了讓學員「點連結 100% 不迷路」,我們在最上方保留「全國・高雄・台南」官方總入口與一鍵複製關鍵字吧台,並在下方【第一區】收錄台北 Debug 松 28 組官方引用來源、【第二區】精選 30+ 組全國平台具固定數字編號(data.gov.tw/dataset/{ID})的生活育樂/民生/職場直達資料集!
💡 技術小知識:台南(data.tainan.gov.tw)與高雄(data.kcg.gov.tw)的搜尋框採用站內前端腳本與表單送出機制,不支援外部帶參數網址;而全國平台(data.gov.tw)只有固定編號 /dataset/{數字ID} 可永久直達。因此想找台南或高雄在地資料時,最穩定的做法是「先點下方膠囊複製關鍵字 ➔ 點上方【高雄總入口】或【台南總入口】 ➔ 在站內搜尋框貼上」:
適合:辦公行事曆、餐廳美食名錄、蔬果批發價、工商名錄。一鍵請「問問 Gemini」寫 GAS 自動依縣市/行政區拆表、標示高亮與寄發通知信。
適合:企業補助申請須知、勞基法規、職訓簡章、長照補助辦法。上傳至 NotebookLM 即時建立「零幻覺有引註的資格快篩問答庫」。
適合:觀光景點、親子展演、毛小孩認養、天氣空品。用一段 Prompt 生成「週末行程轉盤/比價計算機/六邊形政策島」,發布至 Google 協作平台。
適合:歷屆國考/iPAS 試題 PDF、跨頁公告清冊。先用 Python 小程式清洗為標準英文欄位 Excel Schema,再匯入前端系統。
以下完整收錄自 puma.taipei/hackathon 網站中,針對「市長,你給我聽好了」上千則抱怨歸納出的 7 大市政痛點所附上的全部官方開放資料集連結、資料格式、未開放缺口(可用 AI 模擬資料補齊處)以及對應的專題運用概念:
痛點背景:2025 年台北有 3,164 棵樹被移除(含東門市場 40 年茄苳樹遭誤砍)。如何找出城市空間把樹種回來,達到「樹蔭公平」(參考新加坡見縫插樹)?
data.gov.tw · CSV/JSON)data.gov.tw)data.taipei · JSON)data.taipei · JSON)痛點背景:台北行人專用垃圾桶從近 3,000 組縮減到約 800 組。如何結合行人流量、商圈分佈與民眾通報熱點,打造動態清理與智慧化垃圾桶佈建建議?
data.gov.tw · CSV)data.taipei · CSV)data.taipei · CSV)data.taipei · SHP)痛點背景:傳統市場、夜市與餐飲聚落周邊鼠患長年困擾市民。如何整合餐飲密度、下水道管網、清運排程與歷史通報,畫出「鼠患風險傳播地圖」?
data.taipei · CSV)data.taipei · CSV)data.taipei · CSV)data.taipei · CSV)痛點背景:平日 07:00–09:30 數萬輛車擠進成美橋、民權大橋與堤頂大道。如何整合 VD 車流偵測與捷運進出量,做出「晨尖峰內科車流熱力儀表板」替企業試算分批彈性工時效益?
data.taipei)data.gov.tw · API)data.taipei · CSV)痛點背景:公車幹道與捷運高度重疊,離峰卻等不到車,且需兼顧駕駛長過勞與休息空間。如何分析熱區與冷區,設計動態路網與合理班表?
data.taipei · JSON)data.taipei · SHP)data.taipei · JSON)data.taipei · CSV)痛點背景:面臨「人老+屋老」雙老困境(921 前興建老屋占比高)。如何整合屋齡、高齡人口、土壤液化與狹小消防巷弄,建立「危老耐震風險加權評級模型」?
data.taipei · GeoJSON)data.taipei · CSV)data.taipei · CSV)data.taipei · CSV)data.taipei)data.taipei · CSV)data.gov.tw/dataset/{ID})— 生活育樂・日常民生・職場實用精選
30+ 組固定數字 ID 100% 直達下載頁
以下所有連結均採用全國平台永久固定編號(https://data.gov.tw/dataset/{數字ID}),經實測 100% 點擊直達該資料集的 CSV / JSON / XML 下載頁面,涵蓋全台(含台南、高雄)的觀光景點、美食餐廳、親子展演、演唱會、台南/高雄天氣小幫手、買菜批發價、毛小孩認養與辦公行事曆,並直接幫學員規劃好「可以做成什麼課程專題/AI 運用概念」:
生活與辦公痛點:週末去台南、高雄不知道怎麼排順路行程、部門聚餐或外賓來訪想找特色餐廳、出差報帳需要查合法旅館民宿。
data.gov.tw 資料集下載頁(CSV / JSON / XML):7777(景點)與 7779(餐飲)篩選出「臺南市」或「高雄市」資料,做成可依「雨天室內/親子放電/老街美食」一鍵抽籤並排出順路行程的互動地圖(可直接套用 Tab 2 政策島模板)!7780 與 7779,請 Gemini 依行政區拆表並自動標記推薦組合。
生活與育樂痛點:每到週五就煩惱週末帶小孩去哪放電、哪裡有免費名人講座、美術館當期展覽或高雄巨蛋/台南文化中心最新演出。
data.gov.tw 資料集下載頁(JSON / XML / CSV):6014(親子)或 6011(講座)匯入 Sheets,篩選「臺南/高雄」免費場次,請「問問 Gemini」寫 GAS 一鍵寫入 Google Calendar 並寄發家庭週末提案信!生活與通勤痛點:早上出門上班或週末辦戶外活動,想知道台南、高雄今天會不會下雨、空氣品質適不適合慢跑、哪些路段車多或易肇事。
data.gov.tw 資料集下載頁(JSON / XML / CSV):9229)/高雄(9230)天氣小幫手與 AQI(40448),做成一打開就能看「今天適不適合洗車/戶外跑步/要不要帶傘戴口罩」的視覺化小工具!生活與採買痛點:家庭主婦或餐廳老闆想知道今天高麗菜、番茄、芒果批發價漲跌多少;開店創業者想分析各縣市商圈消費力與超商密度。
data.gov.tw 資料集下載頁(CSV / JSON):8066 農產品交易行情 CSV,自動標出「本週跌幅最大 Top 5 當季便宜蔬果」並請 Gemini 生成一週省錢健康菜單!36846)與超商分布(22172),視覺化比較各行政區餐飲零售消費力。
家庭與毛孩痛點:想領養毛小孩卻不知道台南、高雄收容所有哪些待認養犬貓;新手爸媽想查住家附近立案幼兒園與小兒科診所、健保藥局。
data.gov.tw 資料集下載頁(CSV / JSON):85903 資料集內含每隻待認養犬貓的真實照片網址(album_file)!直接匯入 Canvas 就能做出可選「台南/高雄、幼犬/成貓、體型毛色」的愛心認養配對小遊戲!6086 與 39283/39284,一鍵查詢住家生活圈育兒醫療資源。
職場辦公痛點:PM 排專案時程常忘記扣國定假日、HR 算勞保級距與加班費要翻表、業務與總務寄件常要查統編、3+2 郵遞區號與標準路名。
data.gov.tw 資料集下載頁(CSV / JSON):14718 辦公日曆表,自動算出「請 3 天休 9 天」最佳連假組合,並支援輸入專案開始日與工作天數,自動扣除國定假日算出精準交期!45940 與 5948,一鍵完成行政表單自動化。