會寫程式的人，多半沒做過生意。
我兩邊都在。

我的專長是把複雜的事整理成秩序，再交成一套你管得動的系統。

你要的不是一個網站，是客人不用再問同一句話、訂單不用再手抄、想發片不用再等別人剪。網站、系統、攝影、剪輯、自動化，同一個人做完——你不用自己當專案經理，也不用同時盯三家外包。

看做過的東西談談我的需求

now.open

店裡每天都在重複做同一件事

這些都關得掉：

客人自己查得到答案網站
訂單與進度不用手抄系統
每天那份報表自動出自動化
LINE 自動回覆常見問題自動化
商品照拍得出去、賣得動攝影
短影音固定有得發剪輯
改一行字不用再找我後台

15件真的在用的東西

不是提案稿，是每天有人打開的系統

5種活一個人做

網站、系統、攝影、剪輯、自動化

0個中間人

從問清楚到上線，窗口只有我一個

THE DESKTOP

2001

雙擊兩下，就走進另一個世界。

那是我對電腦最早的記憶——一個圖示，就是一扇門。

C:\WORK\

SITE.EXE
ORDER.EXE
LINEBOT.EXE
FILM.AVI
RENDER.BMP
ADMIN.DAT

Website
Orders
LINE Bot
Video
Product 3D
Admin

官方網站網站
線上訂單系統系統
LINE 自動客服自動化
商品短影音影像
商品 3D 圖影像
管理後台系統

官方網站網站
線上訂單系統系統
LINE 自動客服自動化
商品短影音影像
商品 3D 圖影像
管理後台系統

我想把生意搬到線上，要做什麼？

最常從這六件開始：

官方網站網站
線上訂單系統系統
LINE 自動客服自動化
商品短影音影像
商品 3D 圖影像
管理後台系統

The next interface hasn’t been designed yet.

介面換過六輪 · 這六件事一直都有人要做

2001 · THE DESKTOP

雙擊兩下，就走進另一個世界。

那是我對電腦最早的記憶——一個圖示，就是一扇門。

2007 · THE POCKET

介面第一次被握在手上。

玻璃、光澤、可以用手指直接碰的東西。

2012 · THE FLAT

裝飾被拿掉，剩下該講的話。

按鈕不再假裝成實體按鈕。

2020 · THE CLOUD

東西不在你的電腦裡了。

卡片、柔光、遠端協作。介面開始漂浮起來。

2026 · THE AGENT

你只要說出想要什麼。

邊界開始消失，剩下語言、光與材質。

??? · THE NEXT

下一個介面還沒被設計出來。

所以還有事情可以做。

做過的東西，都已經在用了。

網站、系統、影像與自動化，17 類我實際做得出來的東西。點任何一張，裡面寫清楚做法與範圍，連做不到的地方也寫出來。

每一則新聞，
都寫出後果

系統

投資早報與起漲檢核

早上打開一頁就看完：加權指數為什麼漲跌、接下來要注意什麼；國際大環境分聯準會、美債與流動性、經濟數據、科技與 AI、國際政治、金融市場六個領域抓重大事件，再用九個市場指標確認市場有沒有反應；最後是持股、重大訊息與題材新聞。每一則消息都寫出方向（利多、利空或中性）、會引發什麼連鎖反應、影響哪些公司或族群、之後該觀察什麼，判斷不出影響的例行公告直接收起來，不佔版面。看到有興趣的股票，輸入代號就跑完 13 個檢核步驟：K 線圖疊上停損與目標價、分批進場的四個價位、目標價的 60 日觸及機率，張數依可用資金與單筆虧損上限自動算成整張。持股頁可以從一天切到一年，看這段期間的損益主要來自哪一檔。判斷全部是寫死的規則，不呼叫 AI，同樣的資料永遠得到同樣的結論。

Python
Django / DRF
React
證交所／鉅亨資料 API
Cloud Run

看細節

分散的資訊，
回到同一個畫面

系統

整合式管理後台

收支、庫存、進度、筆記這種各自散在檔案裡的紀錄，做成同一套網頁系統：一個入口、一組帳號，數字自動彙總，不用再開好幾個檔案互相對照。模組依產業需要增減。

React
Django / DRF
PostgreSQL

看細節

你正在看的這個網站，
也是作品之一

網站

品牌官網與內容後台

形象網站、品牌官網、作品集：版型、捲動敘事到內容後台一起做。文案與清單存成資料，不會寫程式的人在後台直接改，存檔就自動重新部署；交付前跑一份驗收腳本，擋掉手機橫拖、對比不足與點不到的按鈕。你正在看的這個網站就是這樣做的。

Astro
Decap CMS
Cloudflare Pages
Playwright

看細節

訂單進度，
一眼就懂

系統

顧客自助查詢與通知

訂單、維修、預約這種會被反覆問的進度，做成客人自己查得到的頁面：後台集中改狀態，狀態一變就自動發 LINE 通知，不用再一個一個回「好了沒」。

Django
LINE Messaging API
WordPress 嵌入

看細節

商品畫面，
我用 3D 做

影像

3D 商品視覺與互動展示

把 3D 模型算成接近實拍的商品圖與旋轉影片：材質、打光、表面細節分層調整，輸出直接放商品頁或社群。同一批素材還能做成網頁上可以拖曳旋轉的商品展示——顧客自己轉角度、點得到工法說明、切換亮面與霧面，手機也轉得動。還沒量產、拍不到那個角度、想換材質換顏色的商品，都能用這條路出圖。

Blender Cycles
FFmpeg
GPU 算圖
Three.js / WebGL
Next.js

看細節

把內容，
變成有人想看的影片

影像

影音內容製作

商品介紹、品牌故事、短影音這類內容，從腳本與分鏡、素材整理，一路做到剪輯、繁體字幕與各平台規格輸出。片子有沒有人看完，多半在企劃階段就決定了，所以不從剪輯開始談。

FFmpeg
語音轉錄
Python
Adobe 系列
剪映

看細節

把剪輯的判斷，
寫成可以重跑的規則

自動化

影音後製流程自動化

把「哪裡該留、哪裡該切」整理成固定規則：長影片依一句提示詞剪成短片，切點貼合說話的停頓與鏡頭切換，成片自動上繁體字幕。選段時會聽得出笑聲與現場反應，不會把笑點當空白剪掉；開頭沒頭沒尾、問了沒答、同一句講兩遍這類常見失誤，在切片前就自動補齊或排除。素材又長又碎的時候，會先把整支片切成段落、每段各自挑出候選再打分組裝，碎片可以照故事順序重排，不必照拍攝先後；同一句重講好幾遍會留最後完整的那遍，主持人複述或刻意的重複不會被誤刪。自動剪完不用就這樣交出去：另外寫了一套剪輯軟體，雙擊就開成獨立視窗，首頁列出每一支片，剪到一半可以退回首頁換另一支。時間軸能疊多軌、影片能切刀刪段，字幕有 75 種出現方式、37 種顏色、72 款字型、32 種畫面特效，另有 32 種畫面特效模板（清單打勾、數字跳動、地點標記、雜誌大標，還有一組模仿 AI 在設計軟體裡協作的介面動畫：多個游標各自點選、拉出選取框、反白改字、灰色骨架長成真內容、對齊參考線），全部拖進軌道就能用。這組介面動畫的每個動作都配一個短音：點一下、框拉開、打字、數字跑完各一聲，加進時間軸時自動排成音效軌上的方塊，可以個別移動或刪掉。這 14 個介面音效是用程式自己合成的，聲音短、沒有雜訊尾巴，也沒有授權問題。背景音樂收了 481 首、20 種風格可以直接試聽挑選，每首音樂與音效都先量過響度再調平，音效最響的那一下會對準畫面的點，講話的地方音樂自動讓位。畫面上看到的是即時預覽，輸出時用同一套程式算 4K 成片，預覽跟成片不會兩個樣。

Python
FFmpeg
語音轉錄
聲音事件偵測
人臉偵測
場景偵測
JavaScript
Headless Chrome

看細節

介面怎麼長，
先決定再開始寫

介面

介面設計系統

色票、層次、間距、圓角與動效收斂成一份規範：換品牌只改一組變數，不用每一頁重畫，之後誰接手都長得一樣。深淺色、可讀性、使用者關掉動畫這些情況都先處理好。

CSS
SVG 濾鏡
設計 Token
響應式設計

看細節

設計稿要能改，
也要能一次出幾十張

設計

平面設計與量產輸出

名片、吊牌、保固卡、社群圖與印刷品的版面設計。設計檔是可以再編輯的資料，不是一張圖，改一個欄位就能重出，需要時一次輸出幾十張，尺寸與安全框照印刷規格算。日常用的是自己寫的設計軟體，操作照 Figma 的邏輯：畫板、圖層、鋼筆、自動排版、遮罩、布林運算、元件與變體，東西都在畫布上直接拖、拉、轉。圖層效果有 16 種，例如光暈、浮雕、長陰影、動態模糊、雙色調、毛玻璃，另有 14 組一鍵風格，效果庫裡每一格都是真的套上去畫出來的預覽。畫板改大小時，裡面的東西會照各自的約束跟著左、右或置中走；上方有尺規，可以拉參考線對齊。同一個 Wi‑Fi 下用手機掃 QR 碼就能打開同一份稿，兩邊改的東西約 1 秒內互相同步，手機版有觸控手勢和底部工具列。做好的版面可以送進 Figma 繼續改，也能從 Figma 讀回來；輸出 PNG、PDF 跟畫面上看到的是同一套算圖。

SVG
JavaScript
Python
Playwright
Figma API
fabric.js
Node.js

看細節

長篇內容，
也能有閱讀路徑

系統

內容網站與知識庫

教材、手冊、作業規範、產品知識這類長篇內容，重新整理成分章、有圖解、可全文搜尋的網站，手機上也讀得完。內部教育訓練與對外說明都用得上。

HTML / CSS
SVG
Python

看細節

每天的帳，
整理成看得懂的資訊

系統

進銷存與帳務系統

實體店家與小型工廠的日常營運系統：進貨、出貨、庫存盤點與帳務查詢綁在一起，輸入一次，庫存與帳就跟著動，月底不用再從頭對一次。

Django
PostgreSQL

看細節

店裡的大小事，
一張單追到結案

系統

團隊任務與需求中心

幫客人找貨、問訂單進度、估價這類每天在 LINE 裡來回的事，改成一張單一張單開：員工開單附照片，老闆在同一個畫面拍板或報價，回覆後員工轉告客人再結案。首頁依身分分流，老闆看待決定、員工看待回覆；需求類型與欄位由老闆在後台自己加，不用改程式。對外也一樣：問廠商報價、下訂貨單、外包任務都發一條免登入連結，對方在上面回價、傳檔、產生報價單 PDF；舊單的照片與附件可以整段備份到老闆指定的雲端資料夾，騰出空間但單據照留。

Node.js
Cloudflare Workers
PostgreSQL

看細節

從官網找到診所，
到手機上約好時段

系統

診所官網與預約 App

一間脊椎專科診所的官網與預約 App。官網把門診依身體部位分類，進來的人先點自己哪裡不舒服，再看對應的門診、醫師與衛教；頂部資訊列依台灣時間顯示今天有沒有開診、現在是看診中還是已結束。App 只留三種角色：患者三步驟預約、改期、取消與候補；櫃檯處理報到、初診確認與異動申請；院長核准班表、寫照護紀錄。每個分頁上的紅色數字就是還沒處理的件數，處理完就消失。權限一律在伺服器端檢查，患者看不到別人的資料，櫃檯不能寫照護紀錄。

Node.js
HTML / CSS
JavaScript
Playwright

看細節

每次都要想一遍的事，
做成按一下

系統

判斷流程工具化

原本靠經驗、每次重走一遍的判斷流程，拆成固定步驟寫成工具：輸入條件就自動跑完，輸出一份可以存檔的報告，同樣的輸入永遠得到同樣的結果。報價、檢核、評估、篩選這類流程都適用。

Python
Django
PDF 產生
資料 API

看細節

用掉多少，
要看得到脈絡

系統

營運數據看板

業績、用量、成本這些散在各系統裡的數字，自動彙整成一頁看板：手機打開就看得到當下與走勢，不用每次自己拉表對帳。

資料彙整
Web Dashboard

看細節

同一趟旅程，
同一份資訊

網站

協作型資訊網站

行程、名單、場次表、活動流程這種很多人要同時查、又常常在改的資訊，集中成一個網頁：手機上查得到、可以共同維護，不用在群組裡一直重貼最新版。

Web UI
響應式設計
雲端資料同步

看細節

把服務，
說成聽得懂的需求

網站

行銷落地頁

活動、服務與產品的單頁式網站：依不同產業的使用情境組織內容，把功能翻成客戶自己會說的話，一路讀到聯絡方式或報名表單為止。

HTML / CSS
JavaScript

看細節

會用什麼工具，
決定能解決哪些問題

能力

工具與技能

目前實際在用、而且真的做出過東西的工具與技能，依用途分類列在這裡。

前端
後端
自動化
影片
設計

看細節

影片剪輯

從企劃、拍攝規劃、素材整理、選段、節奏到字幕與成音，一個人做得完。商品影片、人物訪談、活動紀錄與社群直式短影音都在做，量大的時候有自己寫的自動化流程撐著。

剪映
FFmpeg
Whisper 轉錄
聲音事件偵測
人臉構圖
繁中字幕
自動化剪輯
分鏡企劃
響度標準化
直式短影音
自寫剪輯軟體
多軌時間軸

長期實務剪輯經驗，成品橫跨商品影片、人物訪談、活動紀錄與社群直式短影音。
開拍前就先算好：依片型換算秒數、台詞字數、刀數與必拍鏡頭，產出照著拍的分鏡表——鉤子不是問句、結尾沒有兌現、台詞撐不起語速，這些在開拍前就攔下來。
自己寫了一套自動剪輯流程：長素材依一句提示詞挑段落，切點對齊說話停頓、鏡頭切換與聲音最安靜的那一瞬，不會切在字的中間，也不會吃到下一個字的尾音。
自動剪完之後在自己寫的剪輯軟體裡精修：多軌時間軸、切刀刪段、75 種字幕出現方式、32 種畫面特效模板，拖進軌道就能用，輸出 4K 跟預覽同一套算圖。
聽得出現場：笑聲、掌聲、情緒起伏都會被標出來，笑點連同笑完的反應一起留下；語音轉錄漏掉的話也會被找回來，不會被當成空白剪掉。
常見誤剪在切片前就自動處理：開頭沒頭沒尾就補上前一句、問了沒答就把答案接上、同一句講兩遍只留最好的那一遍；拿不準的地方列清單交給人判斷，不自己亂砍。長素材先畫段落地圖、逐段挑候選再組裝，中段的好內容不會被稀釋掉。
剪完自己驗收：每個切點出一張檢查圖（畫面、聲波、逐字對照），再量響度、找黑畫面與音量突跳，有問題改完重剪，不靠肉眼一格一格看。
橫式素材轉直式時自動找人臉構圖，一段一個穩定畫面不晃；雙人訪談塞得下就兩個人一起框。
剪映與 FFmpeg 是日常工具，批次轉檔、規格轉換、降噪、上字這類重複工作直接寫指令處理；4K 60fps 原規格直通，不縮放、不拉伸。
直式短影音有固定做法——開頭鉤子、每張字幕的讀速、刀數與結尾兌現都照規格走，不是憑感覺剪。整套在本機跑，素材不外傳。