tag

Vibe Coding

這裡整理與「Vibe Coding」相關的已發布文章，依最新更新排序。

14 篇文章

Latest first

文章列表

一般更新前端開發 2026-08-06 7 分鐘閱讀點閱 0

Day 5｜輸入文字也有分工：Text Field、Textarea、Password 與 Search

2026 iThome 鐵人賽 Vibe Coding UI Day 5：安安～我是ChiYu～昨天才把邀請 Dialog 的操作區分清楚：送出用 Button，權限說明用 Link。按鈕總算不再互相冒充，我把視線往上一移，新的問題已經排好隊等我了。帳號、密碼、搜尋和備註，一人分到一個長方形輸入框。AI…

Vibe Coding UX/UI Frontend

一般更新前端開發 2026-08-05 9 分鐘閱讀點閱 1

Day 4｜按鈕不只是藍色方塊：Button、Link 與操作元件

2026 iThome 鐵人賽 Vibe Coding UI Day 4：安安～我是ChiYu～昨天，我們整理出一張八格 UI Spec，終於可以把「好用一點」拆成資料、操作、狀態與驗收條件。今天準備拿它處理 LumenDesk 的第一個完整任務：邀請成員。不過在正式拆 Button 與 Link 之前…

Vibe Coding UX/UI Frontend

一般更新前端開發 2026-08-04 6 分鐘閱讀點閱 0

Day 3｜一份 AI 看得懂的 UI Spec，至少要交代這 8 件事

2026 iThome 鐵人賽 Vibe Coding UI Day 3：安安～我是ChiYu～昨天，我把成員管理頁拆成 Component、Pattern 和 Layout，總算能指出：「這次只改部門篩選，不動整張頁面。」修改範圍有了，照理說可以叫 AI 開工了吧？還不行。因為我手上只剩下這句需求：…

Vibe Coding UX/UI Frontend

一般更新前端開發 2026-08-03 8 分鐘閱讀點閱 0

Day 2｜這些東西到底叫什麼？Component、Pattern、Layout 與 Template

2026 iThome 鐵人賽 Vibe Coding UI Day 2：安安～我是祈豫～昨天留下來的後台有一個很麻煩的問題。我知道搜尋沒反應、手機版壞掉，停用按鈕也像裝飾品，但真的要叫 AI 修改時，我只說得出：「那個東西幫我改一下。」既然叫不出名字，我乾脆先請 AI 幫忙點名。還是同一張 Lume…

Vibe Coding UX/UI Frontend

一般更新前端開發 2026-08-02 10 分鐘閱讀點閱 1

Day 1｜AI 不是不會做，是你只說「做得好看一點」

2026 iThome 鐵人賽 Vibe Coding UI Day 1：安安，我是 ChiYu！今年的第一篇，我想先從一句非常有 Vibe Coding 味道的 Prompt 開始。這句話看起來有講需求、有講風格，甚至還很貼心地補了「好用」：幫我做一個現代、漂亮、好用的工作區成員管理後台。我在 2…

Vibe Coding UX/UI Frontend

一般更新 AI 協作 2026-06-01 7 分鐘閱讀點閱 8