幾乎不會 coding 的作品集

焦慮走開

免費的焦慮緩解 App:針對焦慮發作當下的各種情況給出對應方法,照著提示減緩身體反應;有呼吸練習、每天一句話(可設成桌布)、書寫區(抒發情緒、當日記或寫下感恩);頁面底部附上安心專線 1925。

狀態
公開網站
評分
4.0滿分 5
讚數
6原文
收錄日期
10/172026 年

點圖片可以放大看完整畫面。

點評

深墨綠底、暖黃按鈕、襯線字,「這裡有一盞燈,為你留著」的文案溫柔而不甜膩,是很成熟的品牌調性。頁面主動放上安心專線,表示作者意識到使用者可能處於脆弱狀態,這是心理類工具最基本也最重要的責任。用 Email 換取使用權是常見的名單經營,但對焦慮中的使用者而言,多一道門檻就多一分卻步。

4.0綜合評分,滿分 5
完成度
4
痛點真實
4
體驗設計
5
可持續
3

作品故事

為什麼做

作者過去很容易焦慮,療癒成長後,用自己的學習與經驗做了這個工具,「覺得自己做的很美,顏色顧眼睛又讓人放鬆」。

怎麼做出來的

網頁版免費使用,需留下暱稱與 Email 成為「未來訂製所」免費會員(會收到每週電子報)。

技術細節

Vercel 網頁應用(可加到手機桌面),深綠與奶油黃配色,中英雙語。

連結

資訊

作者
@future.healing.design
用途
健康與運動
領域
心理
狀態說明
公開網站:公開網站・免費(需留 Email)
原文日期
2026-09-04
來源
Threads
編號
No. 158

同樣是「健康與運動」

MASCAL 大量傷患檢傷演練(1–30 滾動抽籤機)

MASCAL 大量傷患檢傷演練(1–30 滾動抽籤機)

大量傷患(MASCAL)檢傷桌上演練的網頁系統:從 1 至 30 號傷患隨機抽出 1–6 個不重複號碼;點號碼可看對應的傷患投影片(生命徵象與意識評估),並可前後翻頁;學員把彩球拖到 7 個分流區(紅區立即、黃區延遲、綠區輕傷、黑區瀕死、手術室、加護病房、出院),即時統計各區人數;可顯示或隱藏檢傷等級、重設,以及匯出 HTML 檔。

公開網站健康與運動
成長軌跡調查局(逆轉裁判風格推理遊戲)

成長軌跡調查局(逆轉裁判風格推理遊戲)

生長曲線、骨齡與長高迷思的網頁推理遊戲:玩家扮演紀澄到現場查證、比對證物、拆解證詞,證物冊收錄找到的照片與記錄。五件主案依序解鎖:〈消失的兩公分〉〈第三百分位的被告〉〈八歲生日線〉〈骨齡判決書〉〈神奇粉包的不在場證明〉,完成第三案後開放睡眠支線〈午夜十點零一分〉,通關後有可署名的結案卡。免費、免下載、免註冊。

公開網站健康與運動
PSY by PSY 心理健身房(InMind 心理 InBody)

PSY by PSY 心理健身房(InMind 心理 InBody)

把心理學設計成每天可以玩的小遊戲:感恩日記、WOOP 目標實踐等「健心訓練模組」,還有可以測量「心理肌肉」的 InMind(依 PERMA 幸福模型畫出雷達圖、給你一個角色標籤),每週產出幸福感報告。

口述健康與運動
晨間覺察 Morning Check-in影片

晨間覺察 Morning Check-in

每天三分鐘的晨間覺察工具:用滑桿感受身體、心情、專注力的初始狀態(起始值為 0,不預設任何期待),寫下今天「蠢蠢欲動的渴望」,選出最想補給的感受(放鬆、自主、安心、連結、貢獻⋯),再設定目標與待辦,並依當天狀態調整速度。

公開網站健康與運動