昨天介紹了 Coding Agent 和一般 Chat AI 的差別，簡單來說，就是從「告訴你怎麼做」進一步變成「直接幫你做」。

所以今天直接來實際試試看。

這次準備一個簡單的 HTML 登入頁面，然後把整個專案交給 Agent，給它一個任務：

請分析目前的專案，找到登入頁面的相關程式碼，將登入按鈕改成圓角設計，並在完成後告訴我修改了哪些地方。

接下來就先不告訴 AI 要修改哪個檔案，也不指定 CSS 的哪一行，而是讓 Agent 自己處理。

可以看到 Agent 會先閱讀專案中的檔案，找出和登入頁面有關的程式碼，接著決定需要修改的位置，最後才實際動手修改。

這跟以前把 Code 貼給 ChatGPT，再自己複製回專案的感覺確實不太一樣。

我們只需要描述最後想要的結果，中間「要去哪裡找、要改哪裡」這些事情，都可以交給 Agent 判斷。

不過方便歸方便，問題也跟著來了。

如果我們什麼都讓 AI 自己決定，它會不會哪天突然手癢，把一些根本不該改的東西也一起改掉？

所以 Day 16，就來看看怎麼透過 Rules / Instructions，先幫 Agent 訂好規矩。