
之前用AI製作了很多風格的OFFICE快捷鍵海報,然後就覺得說,光看這些圖片好像有點無聊吼~~
於是我又吃飽了太閒,請AI幫我做了一個可以互動的快捷鍵技能樹,比起不會動的海報有趣很多ㄟ。
功能介紹
✨功能1
- 點節點可以展開到下一階
- 滑鼠滾輪可以隨意放大縮小
- 可以展開3個OFFICE軟體EXCEL、PPT、WORD

✨功能2
EXCEL、PPT、WORD有各自的快捷鍵分組

✨功能3
- 快捷鍵分組展開後可看到快捷鍵說明
- 點選快捷鍵之後,可以看到詳細功能

✨功能4
可以切換WINDOWS與MAC的快捷鍵

功能5(新增)
快捷鍵小考試測驗功能
- 可以選擇要測驗的軟體:EXCEL、PPT、WORD
- 可以選擇作業系統:WINDOWS、MAC
- 可以選擇測驗題數:5、10、20

功能6(新增)
可以把常用或重要的快捷鍵收藏,然後可以將這些快捷鍵整理並列出來

功能7(新增)
可以在鍵盤上按快捷鍵,直接逆向查找

功能8(新增)
每一個快捷鍵功能說明,都會稍微吐槽一下,讓人想繼續看下去

💬提示詞
這邊分享我一開始輸入的提示詞
製作可折疊的圓形節點水平樹狀圖,主題是:OFFICE快捷鍵
就只有這樣嗎?
對沒錯就只有這樣,一開始會先產出一個雛形,當然會非常陽春而且小問題不斷,然後就請AI不斷的修正,跟他說明我的需求一步一步就慢慢完成了。
不得不說也花了很多時間,但是相較於從0開始寫,還不董任何HTML語法的人來說,算是很快了,有興趣也可以輸入提示詞自己手動作看看。
如果你不想花時間慢慢 debug,想要直接獲得我最終調校好的「OFFICE快捷鍵技能樹-互動學習工具」,或者是直接下載「現成的 HTML 檔案」(連 AI 都不用跑,打開即用),歡迎參考下方的訂閱內容。
【訂閱會員限定】
- 直接打開就能使用的懶人包:「OFFICE快捷鍵技能樹-互動學習工具」
- 完整終極提示詞




















