2025 年 Vibe Coding 黑客松交件作品

經過了大約一個月的等待，2025 年 Vibe Coding 黑客松參賽者們完成交件了！

目前團隊正在努力趕工送交給評審，先來看看這次的作品！

PoopPay帶薪拉屎計算機

影片連結：https://www.threads.net/@allenhsu3/post/DIDcdttzVew
作者：Allen
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述：PoopPay, 發想的目的主要是因為老婆有同事不是在拉屎，就是在拉屎的路上，或許計算一下帶薪拉屎多少錢很有趣？
呈現方式：App

小小分組，輕鬆拿捏

作品連結：https://group-vl62.onrender.com/
作者：林辰
參加組別：實用（生活/職場實用）
企劃概述：目的是幫助老師和學生達到雙贏局面。
呈現方式：網頁

剛剛在幹嘛

作品連結：https://apps.apple.com/tw/app/%E5%89%9B%E5%89%9B%E5%9C%A8%E5%B9%B9%E5%98%9B-%E6%B5%81%E6%B0%B4%E5%B8%B3%E7%A5%9E%E5%99%A8/id6744242050
作者：王豆腐
參加組別：實用（生活/職場實用）
企劃概述：這是一個紀錄日常的提醒 App，每隔一小時會問使用者一次「剛剛在幹嘛？」，並將使用者的回答以最簡單的方式儲存在本地。目標是降低日記的門檻，協助人們與自己的生活重新建立關係。
呈現方式： 一個 iOS App，介面極簡，以提醒與輸入框為主要互動方式，不強迫分類或分析，不需要雲端登入，資料完全儲存在本地裝置中。使用者能夠回顧、搜尋、整理自己的生活片段，像一種輕盈但持續的個人感知練習工具。

輕量預算管理應用

作品連結：https://akae.onrender.com/login
影片連結：https://www.youtube.com/watch?v=5Mnd13orsRc
作者：Nick
參加組別：實用（生活/職場實用）
企劃概述：讓小型團隊可以協作記帳與追蹤預算
呈現方式：網頁

拐杖奇俠

作品連結：https://github.com/dAAAb/pixel-cane-hero
影片連結：https://youtu.be/ZsQJeGIauN8
作者：葛如鈞（作者同時也是評審，故此作品不納入選拔）
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述：這是全球首個運用 Vibe Coding 精神，在兩分鐘內做出來的政治迷因小遊戲。臺灣作為自由民主的國家，透過 Vibe Coding 傳達民主議會的各種畫面，創造了民主對話的全新方式。
呈現方式：網頁

衛生紙計算器

作品連結：https://toilet-paper-calculator.zeabur.app/
作者：孫瑄
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述：根據每日便便的情況，計算出衛生紙的用量，並判斷用量是否環保。
呈現方式：以web app呈現。

心情天氣日記

作品連結：https://weatherdiary.aspieorca.org/
作者：殺人鯨
參加組別：實用（生活/職場實用）
企劃概述：因為我本身有躁鬱症，天氣對我的情緒影響很大，但我並不清楚影響的方式，所以我期望透過這樣的網站，協助我監測天氣和情緒的關係，未來可能會像「剛剛在幹嘛」那樣新增提醒功能，讓資料的填寫更直覺，然後轉變成PWA。最後才是app版本。
呈現方式：網頁

排球找隊友

作品連結：https://volleyball-finder-frontend-test.up.railway.app/
作者：HungChi
參加組別：實用（生活/職場實用）
企劃概述：在台灣，排球活動常透過 Facebook、Line 群組揪人，但搜尋與管理不便，資訊分散。 因此希望打造一個專屬於排球玩家的活動平台，讓想打球的人可以快速找到隊伍，想揪人的人可以輕鬆開團，提升排球社群的連結效率。
期望呈現方式：使用 React 架設，簡潔現代、行動裝置友善，重視操作流暢度與資訊清楚呈現。 使用 Github + Railway 一站式自動化部署，確保快速迭代與展示。

NotedIt– 即時筆記與專注計時器

影片連結：https://youtu.be/os3rICXmf4A
作者：Vincent
參加組別：實用（生活/職場實用）
企劃概述：讓使用者可以快速在網頁瀏覽過程中記錄靈感與重點筆記，支援依照網址、網站名稱、標籤進行分類管理。附帶一個專注計時器功能，幫助管理不同科目的專注學習時間（如國文、英文、數學）
期望呈現方式： 使用簡潔直覺的 UI，讓新增、管理、分類筆記變得流暢自然 Timer 支援同時管理多個科目，且每個計時器具有開始、暫停、重置、刪除功能 介面上乾淨、有一致的互動體驗，不打擾使用者的專注 整體設計以輕量、快速、可擴充為目標

薪資計算器

作品連結：https://github.com/aliceric27/banana-calculator
影片連結：https://www.threads.com/@aliceric27/post/DI9CpHRT031
作者：Alex
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述：薪資計算器，計算每秒薪水，並在畫面中呈現，讓自己有賺錢的實體感。
呈現方式：Chrome Extension

訂餐消費記錄管理系統

作品連結：https://frontend-496978900864.asia-east1.run.app/
影片連結：https://www.youtube.com/watch?v=wNB3K7gpxxA
作者：Diman
參加組別：實用（生活/職場實用）
企劃概述：給Ubereat團訂時的記帳工具
呈現方式：網頁

SmartSum

作品連結：https://smart.aidatatools.com
作者：Jason，Abbie，Sky
參加組別：實用（生活/職場實用）
企劃概述：AI 協助整理重點的筆記幫手。本產品利用 AI 協助使用者從 YouTube 影片中快速提煉出重點。
期望呈現方式：網頁互動

教育部詞彙產生器

影片連結：https://drive.google.com/file/d/1RWA68ow66b2o1cV4hx90IDE2aEZOeAvh/view?usp=sharing
作者：曾子嘎嘎
參加組別：娛樂類（交友、遊戲、影音）
企劃概述：一開始目的是想要玩像天才衝衝衝類似的遊戲，不過要自己想詞蠻麻煩的，剛好看到教育部有「教育部國語辭典公眾授權網」，就把檔案載下來用成題庫。 目前只有最基礎的 1. 無限生產詞彙以及 2. 遊玩模式。之後還想新增檢索，以及其他種小遊戲，以及UI美化。
呈現方式：App

EdgeWhisperPi

作品連結：https://github.com/sheng1111/EdgeWhisperPi
作者：Sheng
參加組別：實用（生活/職場實用）
企劃概述：EdgeWhisperPi – 離線語音轉文字系統，專為 Raspberry Pi 打造，支援即時錄音與音檔轉錄，完美離線部署。
呈現方式：網頁

雞蛋熟了沒

影片連結：https://www.threads.com/@liu_.show/post/DJIaIk0u0hk?xmt=AQGz2uk6U8UOh-qlax0y6vwh-63obrMHhvFPZi-XxJG42w
作者：Liushow
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述：我用html js 和css構成互動式網頁來呈現，希望大家在看到這個作品的時候能會心一笑

假病毒

作品連結：https://hahahaboo.github.io/prank_web/
作者：hahahaboo
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述：惡搞自己的朋友
呈現方式:網頁

Mystic Arcana 塔羅預言館

作品連結：https://tarot1.zeabur.app/
作者：DL
參加組別：娛樂類（交友、遊戲、影音）
企劃概述：本作品旨在打造一個兼具神秘氛圍與現代美感的線上塔羅牌占卜平台，讓使用者在生活中任何時刻都能獲得塔羅牌的啟示。透過互動式體驗、動畫演出與深入的牌義說明，引導使用者反思當下的處境與未來可能的方向。
呈現方式： 採用現代網頁框架（如 React/Vue），介面簡潔優雅 搭配動畫效果呈現抽牌流程，營造儀式感 每張牌搭配 AI 生成的專屬圖像，統一美術風格 使用者可選擇牌陣，並查看每張牌的正逆位意義與整體解析。

旅遊行李清單助手

作品連結：https://7iljuq8umb6j.trickle.host
作者：Kenji Chuang
參加組別：實用（生活/職場實用）
企劃概述： 旨在簡化旅客的行前打包準備過程，特別是針對容易混淆的隨身行李安檢規定。本工具期望透過整合資訊與引導式規劃，幫助使用者： 了解基礎且重要的航空安檢限制，避免常見的違規情況。 為個人化的行李清單生成做準備，收集必要的旅行資訊。 提供一個清晰的介面，整合未來可能加入的行李相關查詢功能。
呈現方式 ：網頁

交易報酬計算機

作品連結：https://transaction-recording-page-yanoazi.replit.app/
作者：Noa
參加組別：實用（生活/職場實用）
企劃概述： 在應朋友許願且結合自身的交易經驗後發現，目前是市面上沒有能夠提供給高頻率交易者即時計算報酬損益的平台，所以做了一套能計算交易報酬的系統，只要你在交易當下近來系統輸入你的交易資訊，就能夠很清楚的看到當天或是不同時間段的交易績效或是紀錄，做的起初只想著做LINE的機器人就好，但想了想又覺得沒啥意思，所以直接往網頁開發前進，結果搞來搞去把身份驗證都弄進來了，主打一個不做死就不會死。
呈現方式：網頁

QuoTodo

作品連結：https://apple.co/4k2rCAU
作者：Ivan Yeh
參加組別：實用（生活/職場實用）
企劃概述： 作品名稱：《QuoTodo》，是一款結合每日待辦清單與生成式勵志語錄的 App，主打「讓夢想叫你起床，而不是鬧鐘」。當使用者建立任務時，系統會根據任務內容、語氣偏好與職業類型，自動生成一段專屬的 quote，讓每一件小事都被理解與鼓勵。 這不只是一個生產力工具，而是一種日常陪伴的設計：提醒你做的，不只是該做的事，更是你想成為的人。期待透過這個 App，讓使用者在完成每一項任務的同時，也在靠近夢想的路上更有感地前進。
呈現方式：App

Toto Lemon

作品連結：https://apps.apple.com/tw/app/toto-lemon/id6743697375
作者：Nick
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述： 當時原本想開發一款點擊型的 App，一開始的靈感來自泡泡紙的點擊，我思考是否能加入噴濺效果，後來把主題轉向「水果榨汁」，後來又看到重量級事件覺得可以諷刺一下，最終決定將 App 命名為 Toto Lemon（諧音「偷偷」與「贓+檸檬汁」），以點擊榨檸檬汁為主要玩法，並加入小偷偷走檸檬的機制，讓使用者體驗Andy 做白工的感覺。
呈現方式：App

Wispen 機智小編

作品連結：https://wispen.kylelu.com
作者：Kyle Lu 凱爾鹿
參加組別：實用（生活/職場實用）
企劃概述： 以前自己做行銷，最常遇到的煩惱就是每天要想貼文、還要規劃一堆內容，時間都花在重複又瑣碎的事情上，幾乎沒空去思考品牌策略或跟粉絲互動。所以我希望打造一個工具，能幫助社群小編、自媒體經營者，把例行公事交給 AI，自己則能專心做更有價值的事。
呈現方式：主打「一鍵生成社群貼文」和「自動排好內容行銷月曆」。因為我發現，大家最常卡關的 2 個時間點，就是臨時要一則貼文、還有每個月都要想新主題。所以 Wispen 機智小編就是要解決這兩個痛點，讓內容行銷變得更輕鬆、更有效率。

EatWhat— 吃什麼

作品連結：https://www.eatwhat.site/
作者：Ivan Yeh
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述： 為了解決現代人「不知道吃什麼」的選擇困境，我開發了這款結合 Google Maps API 與 AI 隨機推薦機制的網站。使用者只需篩選自己願意走的距離與想吃的類型（如日料／熱炒），系統便會從附近店家中隨機挑選一間餐廳推薦。
呈現方式：使用 React (Next.js App Router) 建構為響應式網站，結合 Google Maps JavaScript API + Places API。採用 Tailwind CSS 與 Poppins 字體設計出極簡風格，搭配多語系支援（LanguageProvider）、暗色模式（ThemeProvider）等現代前端特性，並支援 PWA 佈署（已設置 manifest 與 metadata）。

輸入框雷射加農炮

作品連結：https://drive.google.com/drive/folders/1UsKu1Ie0OWjsDV3H_jdsskqVsegg12gv?usp=drive_link
影片連結：https://www.youtube.com/watch?v=2c0AWgNYE2k
作者：Ray 貓
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述： 當社畜工作太累、開滿無聊文件和爛網頁時 👉 按下 Shift + F，召喚你的輸入框雷射加農炮 👉 每打一個字就是一發子彈，每按 Enter 就把文字炸飛 👉 把整個頁面打爛、打碎、打光光，一點用處也沒有，但超爽 期望呈現 👉 簡單、科幻、帥 👉 文字一顆一顆炸開 👉 滑鼠指到字上有瞄準框 👉 槍會旋轉、子彈會持續飛 👉 生產力倒退工具
呈現方式：網頁

開會生存模擬器

作品連結：https://meetingberryya.zeabur.app
作者：jelly
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述： 遊戲名稱：《開會生存模擬器》，遊戲主角：假裝努力的草莓，主題風格為搞笑諷刺。遊戲形式：四格 Google Meet 風格的會議模擬小廢遊戲。核心玩法：草莓角色在會議中選擇行動，觸發分支劇情與稱號、報告卡等結果。畫面風格：2D 扁平插畫，角色為草莓與上司／同事（人類角色）
呈現方式：網頁

FastingPal - 斷食小幫手

作品連結：https://fastingpal.zeabur.app
作者：緋人
參加組別：實用（生活/職場實用）
企劃概述：協助輕斷食使用者可以方便計時和紀錄
呈現方式：以手機利用PWA方式通知提醒計時呈現，當前核心功能為計時器+提醒

Emo 星球 — 用 Emoji 為你的心情注入生命

作品連結(Android)：https://appdistribution.firebase.google.com/pub/i/762c7bf461014e75
作品連結(iPhone)：https://testflight.apple.com/join/dF82F2wW
作者：Cloudia、Justin
參加組別：實用（生活/職場實用）
企劃概述： Emo 星球是一款結合情緒紀錄與互動動畫的療癒系應用程式。你擁有一顆專屬的「心情星球」，每天早上為它挑選一個新的造型，象徵當日的情緒狀態。當天，你可以不限次數地輸入 Emoji，記錄自己的心情變化。 輸入過程中，長按 Emoji 它會變大，傳達你當下情緒的強烈程度。輸入後的 Emoji 會在星球上緩慢晃動，彷彿情緒正在星球表面緩緩流動。晃動整顆星球時，Emoji 會活潑跳動並變換顏色，象徵心情的轉化與釋放。系統也會依據當日 Emoji 統計，由 AI 生成專屬的「情緒小語」，讓你更理解自己當下的內在狀態。
呈現方式：APP

我想成為人生勝利組

作品連結：https://modern-rpg-pwa.zeabur.app/game
作者：ian
參加組別：實用（生活/職場實用）
企劃概述： 作品名稱：我想成為人生勝利組 結合動畫我獨自升級的構想，打造一個可以督促自己完成目標的系統，使用PWA網頁呈現
呈現方式：網頁

吵吵

影片連結：https://youtu.be/I3BQADwk9oQ?si=ZA0o5-vIBYGr35FN
作者：李韋宏
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述： 一個讓基於生成式AI的吵架代理助手
呈現方式：網頁

吃啥

作品連結：https://uandmi.hopto.org/practice/EatWhat/
作者：黃惊茗
參加組別：實用（生活/職場實用）
企劃概述： 幫助人們快速決定下一餐吃啥
呈現方式：網頁

Social Radar

作品連結：social.graycat.me
作者：灰毛GrayCat、SpencerKuo(郭晁廷）
參加組別：娛樂類（交友、遊戲、影音）
企劃概述： 即時現在市場上有許多社交軟體或即時線上聊天，但是在現實當中我們仍缺乏一個專注於想要在一個美好的下午去去星巴克、喝喝咖啡，但是臨時想要找個志同道合、興趣相同附近的人坐下來來場small talk。由於此專案目前是網頁形式，但是許多功能及uiux仍與理想有段差距，所以之後會陸陸續續做到完善並且建立一款app
呈現方式：網頁

Wander Light

作品連結：https://amelia7777.itch.io/my-game-demo
作者：Amelia
參加組別：娛樂類（交友、遊戲、影音）
企劃概述： 這款遊戲名稱為wander light，主要是希望玩家透過不同選擇組合進而達成不同的結局，並希望玩家能從這款遊戲收穫一些成果。
呈現方式：遊戲

狂擊哥布林

作品連結：https://miyawuuuuu.itch.io/secgob
作者：Miyawuuuuu
參加組別：娛樂類（交友、遊戲、影音）
企劃概述： 狂擊哥布林，限時挑戰生成越多分數越高。
呈現方式：遊戲

離職多鄰國

作品連結：https://quit-duolingo.zeabur.app/
作者：Fischer
參加組別：實用（生活/職場實用）
企劃概述： 《離職多鄰國》是一款模擬學習App，旨在幫助身處在毒職場或感到職涯困頓的用戶練習「離職語言」。我們相信，「離職」不只是個行為，更是一種需要被學習、練習與內化的社交語言技能。本作品透過遊戲化模擬、情境式對話、辭職信模板練習等功能，協助使用者重建與職場的關係，培養健康告別的勇氣。
呈現方式： ㄧ、互動式語言學習界面：仿照Duolingo風格，使用輕鬆幽默的角色（如ChatGPT Monday模型）指導用戶進行辭職語言訓練。 二、情境模擬訓練：如「與老闆開誠布公地談離職」、「婉轉告知同事自己不幹了」、「應對職場PUA的離場告白」等模擬對話場景。 三、辭職信生成器：由AI模型Monday生成多風格辭職信，包括冷淡型、委婉型、復仇型、哲學型等，幫助用戶找到適合自己的告別語氣。

DocNum辦公室取號軟體

作品連結：https://script.google.com/macros/s/AKfycbw2KeZCT1n4oNq8fxFK2AgCZFCdc9BhDPGWmPF2Ochs-Ewn_qpbb3Wzovt6vhJS0kO4tg/exec
作者：Gabriel
參加組別：實用（生活/職場實用）
企劃概述： 我想要作一個網頁版的文號產生器，幫助所有辦公室同仁自行依照需求索取自動流水的文號。運用google apps script來製作。
呈現方式：網頁

Earndao

作品連結：https://earn-dao.vercel.app/
影片連結：https://www.threads.com/@___ziiih/post/DJPM_BAyX_D?xmt=AQGzDjwkAGhR3ARr9HYObdYCpW-yW0axD-NgR4QGTLNGbA
作者：Sean & Tzuyu
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述：Earndao 是一個專為加密貨幣投資者設計的簡易記帳與理財追蹤工具。它能幫助用戶紀錄加密資產、追蹤各家交易所的活期與定期理財產品利率，並提供基本市場資訊，讓用戶快速掌握資產狀況與報酬機會，減少逐一查詢平台的麻煩。
呈現方式：我們選擇用 Web App 形式呈現。 前端使用 TypeScript (TSX) + CSS，搭配 React 內建 hooks 做狀態管理； API 串接則用 JavaScript 直接對接各大交易所 API。 目前專案重點放在前端邏輯與 API 整合，確保資料更新及呈現正確流暢。

不想上班藉口產生器

作品連結：https://kevinchen0718.github.io/Excuse-generator/
作者：Kevin
參加組別：廢到笑（程式必須要有完整的功能，並且能夠正常運作）
企劃概述：作品是「不想上班藉口產生器」，主要是因為現在每天早上起床就覺得身體好重不想上班，都要想著不同的說辭跟老闆請假，因此想了這個互動式網頁。預期最終要能夠切換不同職業，給廣大的辛苦勞工使用（笑笑）
呈現方式：網頁