[心得] 用AI生成html 懶人捷徑製作法

作者: roger840410 (roger)   2026-01-27 15:18:39
因為Ios捷徑是允許用Webview(app內建瀏覽器) 打開html檔的,

比如這個照片加浮水印的捷徑
https://www.icloud.com/shortcuts/3bfa38d906ab4700b688234c7f75ad05


因為現在有AI完全不懂程式也能根據自己的需求做出簡單的html網頁
所以可以將自己的需求下給AI,

再把生出來的html讓捷徑跑就行了,


模板如下
https://www.icloud.com/shortcuts/588a9bce4dd24017b93ce80797c8dec7

很簡單就三個步驟而已
https://i.meee.com.tw/3aUGyZx.jpg

Ai生出來的html程式碼複製貼上到TEXT裡面就行了
試跑後如果不符合需求可以繼續下指令給AI叫他改善
幾個簡單的例子 (我是用Gemini):
複製今天日期 (可以成功複製到ios剪貼簿)
https://i.meee.com.tw/OwxDEUN.jpg
新聞網站整理
https://i.meee.com.tw/VTL6ywq.jpg
遊戲王血量計算機
https://i.meee.com.tw/HuR9lPn.jpg
捷徑製作完後可以加到桌面,一鍵執行
不過本質上只是一個非互動式網頁,如果涉及讀取或是更改手機內容之類的要設變數用deco
de之類的方式就會比較複雜了
可以發揮想像力製作符合自己需求的捷徑
作者: RayLeeRock (id很長)   2026-01-27 16:18:00
推一個
作者: victoryss (☞ ☑中间选民 ☑爱歹玩)   2026-01-27 17:55:00
感謝!
作者: a100820 (~小毓~)   2026-01-27 18:13:00
有趣
作者: A4P8T6X9 (殘廢的名偵探)   2026-01-27 20:40:00
作者: Downeight (下巴)   2026-01-27 21:07:00
作者: baibaizo   2026-01-27 21:40:00
讚讚
作者: kkkk1234 (k_k_k_k)   2026-01-27 22:35:00
作者: WowIsYou   2026-01-27 22:53:00
如果使用gemini的話可以直接用 canvas 產出按share 拿網址 再到safari開啟後按分享再加入主畫面
作者: aegius1r (SC)   2026-01-31 02:06:00
蠻實用的 推一下

Links booklink

Contact Us: admin [ a t ] ucptt.com