最近在 AI 圈裡，有一款 Cursor 可說非常紅，甚至還有 8 歲小女孩透過這工具來寫程式，看到這影片就想說自己試試看，沒想到一試就愛上，真的超好用，你完全不需要等寫程式，只需要自然語言和利用堆積木的概念，就能輕鬆製作出專屬於自己的應用程式，所有功能都是你平常會用到，不用再開一堆工具。
更重要是，現在 Cursor 註冊就有免費 2 週的 Pro 試用，無需填寫信用卡，提供 500 次 Premium 模型使用。即便 Pro 試用過後，一樣可以免費用，只是有一些限制。
Cursor 不會寫程式也能製作專屬於自己的應用程式
Cursor 可以想像成是一款將程式碼編輯器和各大 AI 模型結合的免費工具，模型部分目前支援以下幾個：
- GPT-4o（Premium model）
- Cursor-Small
- GPT-3.5（Premium model）
- Claude-3.5-sonnet（Premium model）
- GPT-4o-mini
現在免費版可獲得 2 週的 Pro 試用時間，不用填寫信用卡付款資訊，意味著註冊後的 2 週，你可以獲得 Pro 的福利。Pro 的最大福利是，可免費使用 500 次 Premium models，意味著你可以使用 GPT-4o 或 Claude-3.5-sonnet 達 500 次。
這 500 次數量是什麼概念？我目前已經製作出將近 10 個工具，還有剩餘 100 多次，這中間有除錯、除 Bug 對話非常多次，還剩下這麼多。
操作介面雖然只有英文，但跟 AI 對話可以用中文，所以上手不會太難。
另外 Cursor 能做到的事情有非常多，這篇就專注在介紹如何快速寫出專屬於你自己的工具。
操作介面
安裝好後打開，會開到這樣的畫面，左側就是所有檔案清單，也能建立專案資料夾，把滑鼠移過去，就能選擇要建立新專案資料夾或新的檔案：
建立好專案跟檔案後，按 Control + L，可以叫出 AI 對話視窗，位於右側。預設會選取你當前的文件，意味著你可以直接跟它詢問任何有關於這份文件的內容：
新開啟的文件都是 .txt 純文字格式，之後可以另存成其他格式，所有關於程式碼的格式 Cursor 都支援，像是 HTML、bat、Java、PHP、PY 等等，就看到時候 AI 教你是哪一種檔案格式，就存取哪一種。
下方展開可切換其他模型，我幾乎都用 Clause-3.5-sonnet，也能換成 GPT-4o，就看你的喜好：
好了，你只需要知道以上幾個重點，就可以開始跟 AI 說你想要製作的工具。
製作時有幾個重點，這邊提供給你參考：
- 請用堆積木的方式，先做好一個功能，再做另一個，不建議一次叫 AI 做好全部。
- 每次製作好後，一定要快速嘗試一下，看有沒有明顯 Bug，如：功能不正常運作。
- 不用擔心碰到 Bug，AI 會幫忙解決。
- 每個功能都能後續再加強，不一定要一次做到好，就先做出你想到的。
- AI 每次回覆的答案，都只會是要修改的內容，可直接按右上角 Apply 套用，不用靠自己找和修改。
- 請天馬行空，很多你以為無法做到的，事實上都能。
- 有些功能最後可以結合成一個，像是我先做出一個轉檔功能、再做一個圖片裁剪，最後要求 AI 將這二個功能結合，這是可行的。
我是如何在一小時內製作出 5 個常用工具
因為工作關係，我經常需要用到編輯圖片的功能，像是縮小圖片長邊、幫圖片加上白框、增加浮水印、還有轉檔成 WebP 等、以往都是使用 Lightroom 和 Photoshop。
雖然現在用很習慣，速度也不會太慢，但操作就很繁瑣，因此我就在思考，是否能夠把這些編輯動作，直接一鍵完成。
一開始我先從最簡單的開始，要求製作常用圖片格式轉 WebP，以下是我給的所有描述：
製作一個能將常見圖片格式轉 Webp 的工具，支援拖曳圖片匯入或手動點擊檔案上傳二種方式，圖片匯入後就會立即開始轉檔 Webp，接著儲存並覆蓋原本的檔案。可批次處理，一次處理多個檔案
不到幾秒鐘，AI 就給我一大串程式碼，等到 AI 寫完之後，只需要按程式碼右上方的 Accept 按鈕，它就會自動匯入到當前文件裡面（記得確保 AI 聊天輸入欄位上方，是選你當前的文件）。
如下圖所示，而這程式碼是 HTML，所以我也把這份文件儲存成 .html，儲存好後就用瀏覽器打開這文件：
不過很不幸運，第一次嘗試就失敗，我拖曳 PNG 進去要轉成 WebP，顯示轉換失敗：
這時我就回去跟 AI 說「我試用後顯示轉換失敗，JPG’」，它也立刻檢查並給我需要修改的程式碼，一樣等 AI 都輸入好後，按右上角的 Apply 就好，它會自動偵測文件內容，找出要修改的地方，把錯誤的刪掉，並補充新的。生成過程中 AI 右上方會顯示 Generating，記得等全部跑完，才代表全部檢查完成。綠色區塊是新加入的，紅色區塊則是刪除。而生成完後，再按一次右上方的 Apply，就會完全套用，你也可以針對每一段來接受修改：
套用之後，紅色和綠色區塊就會消失，這時可以儲存檔案再次測試：
第二次測試就正常運作，因此我開始要求製作第二項功能，下面是修改圖片長邊至 750px：
加入第二項功能，可在右上方切換。第二項功能是「修改圖片長邊」，會自動把把圖片的長邊改成 750px，另一邊根據原來的長寬比來修改，修改好後自動儲存，一樣支援拖曳和手動上傳
而測試之後我發現，如果長邊低於 750px，會被放大 750px，所以再給它一個條件：
修改圖片長邊加入一個條件，如果長邊小於 750px，那就不做任何動作，直接儲存
目前二個功能都正常運作，但功能選單的設計方式我不是很喜歡，所以要求改成按鈕：
切換功能的選單，幫我改成按鈕，切換之後該功能主頁的標題也會跟著變
雖然確實改成按鈕，但這種單個按鈕切換不是我想要的，所以再給它新的條件：
按鈕幫我各別獨立，按下之後，該按鈕會亮起
這邊也就是我前面曾說的重點，不需要一次講到好，一次次慢慢改也沒問題。
的確就照我的要求，變成二個按鈕，目前正在使用的亮起，不過位置右上方我不是很喜歡，這部分我後面有改成中間：
接下來我還需要另一個修改長邊成 1000px 的工具，所以我就要求直接複製原本的 750px，把長邊變成 1000px，然後更改按鈕名稱：
修改圖片長邊名字改成「修改圖片長邊（750px）」，再幫我製作一個新工具，內容是「修改圖片長邊（1000px）」，自動把圖片長邊改成 1000px，低於 1000px 的圖片不需要修改任何內容，直接儲存
這一個功能就很輕鬆，完全沒碰到任何問題，所以我再要求其他新功能。
一開始我不確定是否能透過 HTML 來幫圖片四個邊，加上白邊，所以我用詢問式的。結果 AI 說沒問題，並給我程式碼：
你可以做到一個工具是，幫任何圖片四個邊加上 1px 的白邊嗎？如果可以，請添加
我測試也能正常工作後，就繼續要求新工具，
再來的浮水印我也不確定能不能做到，還有指定位置，而 AI 回答也是肯定的：
那你可以為圖片加上浮水印嗎？位於每張圖片右下角，距離邊際 20px 的位置，並且我可以指定 Logo，Logo 也會透明化 50%
甚至連這種根據當前圖片比例，來計算 Logo 是否該放大，以及記住上次指定 Logo 圖片的功能也沒問題：
Logo 自動幫我根據圖片比例，放大成圖片的 1/20，並且會記住我上次指定的 Logo 圖片
當然，過程中一定會碰到有 Bug、功能突然消失、或是版型跑掉的情況，這時不要緊張，要求 AI 檢查就好，甚至直接叫它給修復好的，或上一個步驟的完整程式碼也行：
等到以上工具都做好之後，我就開始嘗試結合所有工具，製作成一個自動化完成所有動作的「電腦王阿達專用」功能，方便我之後使用，AI 一樣說沒問題，並提供程式碼給我：
製作一個新功能，名稱是「電腦王阿達專用」，把修改圖片長邊（1000px）、添加 1px 白邊、添加浮水印功能全部結合，這可以做到嗎
之後再為「電腦王阿達專用」添加轉檔成 WebP 格式，也同樣成功：
而這就是我在一小時之內，做好的 5 個常用工具，包括一個自動化完成所有動作的工具：
之後我也沒有停止，想到需要什麼功能就繼續補，像我又加上了一個截圖並排功能，可將多張截圖並排一起，並且每張有適當的距離，還具備加入矩形、箭頭、馬賽克等編輯功能。以上這些，我完全都不懂裡面的程式碼，全部靠 AI 完成：
隨後我還有靠這工具，製作出「PDF 轉 Word 格式」、「追蹤文章關鍵字在 Google 搜尋中的名次」、「輸入網址自動轉變成 Jina AI 的 Reader API 格式，並打開網頁儲存成 PDF」等等。
想到什麼就問，幾乎都能做出來，只是搭配方式不一樣，有一些需要透過 python 才能實現。不知道 python 怎麼用也沒關係，一樣問 AI，它就會教你每個步驟，改打開什麼應用程式、輸入什麼指令等都很清楚。
另外我也發現到，每一項工具的程式碼不推薦超過 700 行，超過的話，AI 在套用和修改當前文件程式碼時，幾乎都會出錯。
跟 ChatGPT 這類 AI 聊天機器人最大不同在，Cursor 可以隨時讀取當前文件的內容，並進行自動生成修改。
最後也附上 8 歲小女孩用 Cursor 製作出自己應用程式的影片：
