跳到正文
Agent.SpaceAgent 入門打開 Agent.Space
Agent 入門第 6 章06 / 08

它做出來了,但總覺得少了點什麼:怎麼讓 Agent 改得更好

約 6 分鐘閱讀

讀完這一章,你會提出一次具體的修改,並在真實檔案和預覽裡確認效果。

邀請頁打得開了。你看了一會兒:整體不錯,只是集合時間藏得有點深,像一題閱讀測驗。

你當然可以跟 Agent 說「再優化一下」。但它可能忙著改顏色、換版面、加裝飾,結果時間還是躲在原處。

這時候,給它一個明確的觀察,比給它一個很大的形容詞有用。

說出你看到了什麼

試著把「感覺不對」拆成三句話:哪裡有問題、你希望它變成什麼樣、哪些地方已經滿意。

比如:「集合時間在頁面最下面,第一次看很容易錯過。請把它移到標題下面,字放大一點。其他內容先保留。」

這樣它就知道修改的重點,也知道不用把整頁重新裝潢一遍。你不需要補一句「用某某 CSS 屬性」,除非你自己真的有這個需求。

一條具體的修改意見指向網頁上的集合時間區塊,電腦和手機上的對應資訊都被凸顯出來。
把「再好看一點」變成「讓集合時間更醒目,手機上也要看得清楚」。

做一次小修改

回到建立網頁的那一段對話(也叫 Session),送出下面這段要求。

text
請修改現有的 weekend-walk/index.html,不要另外建一個新頁面。
把「週六下午 3 點」和集合地點移到標題下方,讓人一眼就看到。活動介紹的語氣再輕鬆一點,像在邀請朋友,避免誇張的口號。保留路線、準備清單、「範例活動」標記和現有的按鈕跳轉。
修改後確認在手機寬度下不會出現橫向捲動,並把檔案存好。請說明具體改了哪裡,以及哪些效果還需要我打開頁面檢查。

它完成後,重新查看目前的檔案。檔案預覽如果還停在舊內容,就點預覽上的重新整理按鈕重新載入。如果你打開的是已經準備好的站點,就要點「更新預覽」產生新版本;重新整理舊站點不會帶來最新的檔案。兩種查看方式的差別,我們下一章再細說。

接著只盯著剛才的要求看一遍:時間比較好找了嗎?地點也在旁邊嗎?按鈕還能用嗎?這樣檢查,比漫無目的地挑毛病輕鬆多了。

直接指給它看

有些地方用文字不好形容,比如「右邊那張卡片」「第二個小標題」。這時可以直接在頁面上指出來。

在對話頁右側打開 index.html 的預覽,點工具列上的「批註」,再點頁面上想改的元素。它會多出一個編號,旁邊的小框可以寫一句意見,比如「這裡換成一句輕鬆一點的話」。可以連續標好幾處,標好後,輸入框上會顯示你標了幾則註解;再寫一句整體的要求,一起送出。

Agent 收到的不只是你的文字,還有每個被標出來的元素的位置和內容,所以不用再費力形容「是哪一塊」。在 Agent 的回覆或文字檔裡選取一段文字,也可以用「加入對話」把它帶進下一則訊息。

它回頭問你,不一定是做不下去

「你希望頁面活潑一點,還是安靜一點?」這是在請你決定風格。直接在輸入框回覆就好,可以從中選一個,也可以給一個具體的參考:「像朋友傳來的邀請,別像百貨公司週年慶。」

權限請求就是另一回事了。介面會顯示「需要發起人確認」,只有發起這次任務的人能決定。看清楚它準備執行什麼動作、作用在哪裡,再決定要不要允許;拿不定主意就選「取消本次請求」。風格問題需要你的品味,權限問題需要你看懂動作,這兩種回應不要混在一起。

如果它要做的事明顯超出這張邀請頁,就先把目標拉回來。比如目前不需要真正的報名系統,就沒必要為此去連接一個會收集個人資料的服務。

出錯時,把現場描述出來

「不行」只告訴 Agent 你不滿意,沒告訴它問題在哪裡。可以改成:「我打開了存好的 index.html,點按鈕沒有捲動;頁面其他部分都正常。」

如果有錯誤訊息,就附上相關的文字。告訴它你做了哪一步、實際發生了什麼、原本期待的是什麼。帳號、密碼這類無關的私人資訊不需要放進去。

有時只是打開了舊版本,有時才是檔案真的有問題。先確認自己看的是哪個檔案、哪個預覽,可以省下很多來回。

想停下來,也能接著做

發現方向走偏了,可以點輸入框裡的「停止目前任務」。發起這次任務的人和 Workspace 擁有者都可以停止它;停止後,回覆末尾會註明這一輪任務已取消。

已經存好的修改,不會因為停止就自動撤回。先看目前的檔案做到哪一步,再決定下一步:

  • 方向沒問題、只是想讓它繼續,在輸入框是空的時候點「繼續任務」,它會從剛才的進度接著做。
  • 方向需要調整,就直接寫下新的要求送出,比如「先別改顏色,只處理集合時間」。

它正在忙的時候,你也可以先把下一個要求送進佇列;急的話,用佇列裡的「優先執行」,它會停下目前的任務,先處理這一條。

做完這次小修改,你就多了一個很實用的習慣:先觀察,再提出具體要求,最後回到成果裡驗證。以後做介紹頁、清單或小工具,都派得上用場。