方格精選

Kiro 是什麼?Amazon 推出的 AI IDE,讓你像專業程式設計師般規劃與開發!

Rin 梨子-avatar-img
發佈於數位百寶袋 個房間
更新於 發佈於 閱讀時間約 10 分鐘
raw-image

還記得之前介紹過 cursor 與 zed 的 AI 編輯器嗎?現在又有一款基於需求開發的 AI IDE 「Kiro」推出了!今天就來開箱這新的開發工具吧 🤩

🔗 延伸閱讀:
Cursor 編輯器:無縫整合 VS Code,讓 AI 幫你寫程式
AI 幫我寫程式,開發神器:Zed 編輯器,免費使用最新 Claude Sonnet 4!
2025.07.17 資訊:
Kiro 目前現正推出預覽版可免費使用 Claude Sonnet 4.0 模型,正式上線後仍有免費每月 50 次的互動額度,詳細可到官方網站看價格說明。

💬 Kiro 是什麼?

還在用 Vibe Coding 開發專案?如果你追求的不只是寫程式,還能夠更專業、更結構化的開發流程,那你可能會愛上 Kiro ,由 Amazon/AWS 團隊打造的 AI 整合開發環境工具(IDE)。整合 Claude 模型、VS Code 介面與開發流程,能幫你從規劃需求、設計規格一路做到執行任務和程式產生,全面幫你串起開發每一環!

✅ 為什麼選擇 Kiro?

  • 📌 Vibe 模式開發
    快速體驗 Vibe Coding 完成開發程式。
  • 📌 Spec 模式:規格驅動開發(Spec-Driven):
    只要輸入簡單開發提示就可變成詳細的需求與架構,產生完整規格文件。
  • 🤖 事件驅動代理(Agent Hooks)
    可根據事件(如儲存檔案)自動觸發任務,像是產生文檔、測試、優化程式碼等。
  • 🧭 代理指南(Agent Steering)
    自訂每個專案的開發規範、語法命名等程式風格要求。
  • 🧩 VS Code 基底,熟悉又升級的操作體驗
    匯入你的設定檔與擴充套件,無需捨棄熟悉的開發環境。

🧚 如何開始使用 Kiro?

1️⃣ 安裝 Kiro

前往 https://kiro.dev/ 下載並安裝 Kiro。(目前梨編安裝的版本是 masOS v0.1.9)

Kiro 下載頁面

Kiro 下載頁面

2️⃣ 設定 Kiro

安裝完後打開會看到登入畫面(可以使用 Google、GitHub 或 AWS 帳號登入)

kiro 登入

kiro 登入

選擇是否匯入 VS Code 設定。

kiro 匯入 VS Code 設定

kiro 匯入 VS Code 設定

如果你已經在使用 VS Code,可以選擇按下「Import from VS Code」,會花一些時間將設定匯入;如果沒有使用,可以跳過這個步驟。

接下來會進到設定主題,與 kiro 終端機工具安裝設定,畫面如下:

設定主題與安裝 KIRO shell

設定主題與安裝 KIRO shell

如果你確認安裝 KIRO shell, 接下來會要求系統權限,建議確認來源無虞後再執行。
(提醒您:請小心謹慎操作,本網站僅提供教學參考,不對使用後果負責。)

安裝 KIRO shell 過程

安裝 KIRO shell 過程

📌 說明 Kiro CLI 安裝的兩個步驟:
1. 「Kiro will now prompt with 'osascript' for Administrator privileges to install the shell command.」這表示 Kiro 會透過 macOS 的 osascript(一種用來執行 AppleScript 的工具)請求你輸入管理者密碼,以取得系統管理權限,目的是要安裝 kiro 的終端機命令。
2. 「Shell command 'kiro' successfully installed in PATH.」
這表示 kiro 這個命令已成功安裝到你的系統路徑(PATH)中,之後你可以直接在終端機輸入 kiro來執行這個工具。

🎊接下來就看到以下畫面就是成功開啟 Kiro IDE 啦!🥳

 Kiro IDE 介面

Kiro IDE 介面

左方可開啟 Kiro 專門 AI 功能的界面(下方🚦詳述);右方則是聊天介面有分為 Vibe 與 Spec 模式,可以看到它目前有 Claude Sonnet 4.0 與 Sonnet 3.7 模型可用;中間顯示可用快捷鍵,其中可進到設定(這邊跟 VSCode 似乎一樣)。

🚦Kiro 專門 AI 功能的界面

  1. Specs(規格管理與任務)
    如果你使用 Spec 模式執行專案開發,這裡會產生需求與設計文件,還可執行任務。
  2. Agent Hooks(事件驅動代理)
    可設定偵測像是檔案新增、儲存或刪除等事件,來自動啟動 Kiro 執行對應任務。
  3. Agent Steering(代理指南)
    自訂每個專案技術規範與開發架構,有點像是規定程式風格。
  4. MCP Servers
    MCP (Model Context Protocol) 是一種協定,可用來串接第三方不同的服務設定,擴充功能。

    了解基本介面後,接下來,你就可以開始跟它聊天啦!👻👩‍💻
📌 第一次與它聊天會提示:「 Kiro 使用生成式 AI,在美國伺服器處理並可能保存你的聊天內容與使用數據,以維持和改善服務;你需要自行驗證 AI 產出的回應,並且可以在設定中調整是否允許收集用戶端的遙測資料。」

👩‍💻 實際操作

👻 實測 vibe 模式開發程式

就用梨編之前最常用的程式範例:請建立一個蕃茄時鐘吧!

👍 過程中不需確認它會自動建立檔案,由於在設定裡面的 Trusted CommandsTrust Read Only Commands 會預設安全設定幾個終端機指令可以執行執行,你可以自行新增信任指令或是關閉這功能

vibe 模式開發

vibe 模式開發

一樣沒什麼意外就可以完成這網頁功能了,樣式沒特別指定一樣中規中矩。不過它這版蠻聰明的!除了基本功能,還幫我多加了幾個特色功能:「響應式設計,標籤頁顯示倒數時間與使用 Web Audio API 播放提醒音效」等,不確定是 Claude Sonnet 4 模型的關係還是有自主指令?自動自發新增細部功能,令人感到很貼心

👻 實測 Spec 模式開發程式!

將對話視窗切換到 Spec 模式,一樣請 Kiro 開發相同專案,這次不一樣的是它會先建立需求文件並與你討論,確認後進一步再建立設計文件,還有實作計劃,這邊真的很像有一個系統分析師(SA),帶你一起從規格出發確立開發流程呢!

完成後,左側的 Spec 視窗會自動產生整理好的 Requirements、Design 和 Task List 頁籤,讓你一目了然地查看相關文件。

規格文件分頁視窗

規格文件分頁視窗


其中幫我建立任務清單竟多達 15 個步驟,要執行的任務清單不只是功能開發,還包含完整的測試與部署準備任務,真的非常全面!確定內容沒問題後,只需要按下「執行任務」就可以了,還能一次執行多個任務,會在背景自動排隊處理。

執行任務列表與按鈕

執行任務列表與按鈕


這個功能真的有讓我驚艷!因為把複雜的程式設計流程都給你了!不過也因為較複雜,目前品質似乎有點不穩定,需要多按下幾次 Retry,任務才完成,但產生的程式碼明顯更有專案的架構感,要當一個專業的程式設計師果然沒那麼簡單呢

過程中還有測試案例頁面

過程中還有測試案例頁面


👻 實測:圖片參考

我這邊有一張使用 Lovart 設計的蕃茄鐘,我在聊天視窗上傳圖片後,請它根據這張圖修改樣式,結果風格還蠻像的吧!未來像是設計稿應該也可以應用呢。

圖片參考設計有模有樣

圖片參考設計有模有樣


🪝⏱️ 設定 Agent Hooks 事件監聽

切到 Agent Hooks 視窗下可設定偵測檔案新增、儲存或刪除等事件,來自動啟動 Kiro 執行對應任務提示(更新文檔、優化程式或是多語化等,範例:偵測到程式變更時,分析程式碼,尋找潛在的改進點,包括設計模式和最佳實踐,改進程式碼品質的建議)。

檔案事件驅動

檔案事件驅動

這樣一來,一旦你有儲存檔案,右邊就會自動跳出視窗執行 Hook,這功能真是蠻特別的,不過對於常常更動檔案的開發可能會有點囉唆~,建議可以再細調事件的觸發條件。像是開發完畢往往會跑一些測試、格式或是型態檢查,感覺會非常有幫助。


📝🗃️ 設定 Agent Steering(代理指南)

而在 Agent Steering 視窗中,你可以為每個專案設定技術規範,例如語法命名、檔案結構、元件命名等。按下「新增」輸入內容,還能用右上角的「Refine」請 Kiro 幫你補充說明,輕鬆建立專案開發風格!

下方顯示像 Vue 專案的範例,幫助你快速建立一致的開發規範!

Vue 專案開發規範

Vue 專案開發規範


💸 目前費用

點擊左下角的帳號可以看到目前的用量與計劃,目前免費用戶有 50 次 vibe 請求,升級後可以增加請求量。

kiro 收費

kiro 收費



👩‍💻 使用心得

Kiro 與 Cursor 一樣介面基於 VS Code,操作上很順手。除了一般的 Vibe 開發模式外。多了像是 Specs 與 Steering 視窗,更像是專業的程式設計師會寫的規格文件與開發風格規範,Agent Hooks 能自動監測事件並執行像是程式碼品質檢查等後續動作。

🤩 Kiro 不只是協助寫程式,更能幫助專案結構化、標準化與流程化,
兼顧 Production 專案上必須的程式品質。

而即便 MCP 設定在多數編輯器中都已支援,Kiro 卻貼心地提供獨立的視窗設定,這樣的小細節大大提升使用體驗,整體使用下來,還蠻滿意的 😃 (期望未來品質能更穩定)。


目前免費預覽中,想體驗未來式開發,不妨動手試試看:👉 https://kiro.dev



🔎 本文內容以撰寫當下的工具與版本為主,未來若有更新,功能可能略有不同。如有錯誤或補充,歡迎留言協助修正,我會持續更新!


🔗 參考文件


留言
avatar-img
留言分享你的想法!
avatar-img
App Lab 數位研究社
22會員
31內容數
I'm Rin 梨子,喜好研究各種數位科技,同時又愛好看劇、偶爾看看書,這裡會不定期分享實用的數位工具與資訊、溫暖且動人的作品與各種生活新知。
2025/07/15
2025.07.13 前言: 上一篇我們介紹到了Gemini CLI, 聽說有一個類似的終端機工具也很厲害,而且還有現在免費的 claude 模型可用,今天就還研究開箱看看吧! 💬 Rovo Dev 是什麼? Rovo Dev 是 Atlassian 團隊推出的 AI 工具,你可能對他們更熟
Thumbnail
2025/07/15
2025.07.13 前言: 上一篇我們介紹到了Gemini CLI, 聽說有一個類似的終端機工具也很厲害,而且還有現在免費的 claude 模型可用,今天就還研究開箱看看吧! 💬 Rovo Dev 是什麼? Rovo Dev 是 Atlassian 團隊推出的 AI 工具,你可能對他們更熟
Thumbnail
2025/07/02
你還在 VS Code 中複製程式碼貼到 ChatGPT,再複製回來嗎?現在,該換上更聰明的工具了! Cursor 是一款專為開發者設計的 AI 強化編輯器,結合 VS Code 熟悉的操作與強大的 AI 功能,讓寫程式變得更快、更聰明。 🧠 為什麼選擇 Cursor? 🔧 完美整合
Thumbnail
2025/07/02
你還在 VS Code 中複製程式碼貼到 ChatGPT,再複製回來嗎?現在,該換上更聰明的工具了! Cursor 是一款專為開發者設計的 AI 強化編輯器,結合 VS Code 熟悉的操作與強大的 AI 功能,讓寫程式變得更快、更聰明。 🧠 為什麼選擇 Cursor? 🔧 完美整合
Thumbnail
2025/06/27
✅ 什麼是 Gemini CLI? Google 的 Gemini CLI 是一款可以在終端機中與 Gemini AI 模型互動的工具。 你可以像在聊天一樣問問題、請它改程式、解釋錯誤、幫你寫 README 等等,非常適合開發者! 🔧 安裝 Gemini CLI 請打開終端機輸入以下指令
Thumbnail
2025/06/27
✅ 什麼是 Gemini CLI? Google 的 Gemini CLI 是一款可以在終端機中與 Gemini AI 模型互動的工具。 你可以像在聊天一樣問問題、請它改程式、解釋錯誤、幫你寫 README 等等,非常適合開發者! 🔧 安裝 Gemini CLI 請打開終端機輸入以下指令
Thumbnail
看更多
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
程式設計與技術能力 在現代社會中的重要性越來越明顯,尤其是在人工智能(AI)和自動化技術迅速發展的背景下。理解編程語言,如Python、R等,以及熟悉相關技術架構和工具,能夠幫助個人在這樣的環境中更好地工作。這種能力不僅對技術專業人士至關重要,也對非技術領域的人士日益重要,因為基礎的程式設計知識已
Thumbnail
程式設計與技術能力 在現代社會中的重要性越來越明顯,尤其是在人工智能(AI)和自動化技術迅速發展的背景下。理解編程語言,如Python、R等,以及熟悉相關技術架構和工具,能夠幫助個人在這樣的環境中更好地工作。這種能力不僅對技術專業人士至關重要,也對非技術領域的人士日益重要,因為基礎的程式設計知識已
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
這篇文章分享了許多好用的設計工具,包括Adobe、Canva和Mirosoft Designer,提供了它們的特色和適用對象。文章還附上了可以直接使用這些工具的連結。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
Freepik除了提供素材下載外,還可以線上生成AI圖片, 圖片生成工具名為「AI Image Generator」,只需要輸入文字就能快速生成圖片,每天能免費生成 20 張圖片,還可依照自己的喜好設定不同風格、燈光、畫面尺寸等參數。
Thumbnail
Freepik除了提供素材下載外,還可以線上生成AI圖片, 圖片生成工具名為「AI Image Generator」,只需要輸入文字就能快速生成圖片,每天能免費生成 20 張圖片,還可依照自己的喜好設定不同風格、燈光、畫面尺寸等參數。
Thumbnail
Creatie AI 助力UI設計,PixVerse 將圖片動態化。Pigment 提供色彩調整工具,404s 靈感來自眾多404頁面設計。PDF Escape 是 Acrobat 的免費選擇,簡化 PDF 處理。這些工具為設計師提供高效和創新的解決方案。
Thumbnail
Creatie AI 助力UI設計,PixVerse 將圖片動態化。Pigment 提供色彩調整工具,404s 靈感來自眾多404頁面設計。PDF Escape 是 Acrobat 的免費選擇,簡化 PDF 處理。這些工具為設計師提供高效和創新的解決方案。
Thumbnail
這篇要搭建一個同時生成寫實照片跟動漫風格圖片的工作流,還可以幫線稿上色。
Thumbnail
這篇要搭建一個同時生成寫實照片跟動漫風格圖片的工作流,還可以幫線稿上色。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News