連結:https://github.com/BuilderIO/micro-agent
Micro Agent是一個AI程式碼助手,它能夠根據測試用例或設計截圖自動編寫程式碼,直到測試透過或設計匹配。它主要針對那些需要重複迭代以修復程式碼的問題,透過AI技術減少手動迭代的過程。Micro Agent專注於編寫測試並生成透過測試的程式碼,而不是嘗試成為一個全棧開發者。它與Visual Copilot整合,可以直接連線Figma,確保設計到程式碼的高保真轉換。
需求人群:
- Micro Agent的目標受眾是開發者,特別是那些需要頻繁編寫和測試程式碼的前端開發者。它透過自動化程式碼編寫和測試過程,幫助開發者節省時間,減少重複勞動,提高開發效率。此外,它還適合那些希望將設計快速轉換為程式碼的設計師。
使用場景示例:
- 開發者使用Micro Agent自動編寫前端頁面程式碼,提高開發速度。
- 設計師透過Figma設計頁面後,利用Micro Agent快速生成對應的前端程式碼。
- 團隊使用Micro Agent進行持續整合,自動化測試和程式碼生成流程。
產品特色:
- 根據測試用例自動編寫程式碼直至測試透過。
- 支援視覺匹配功能,與設計截圖進行比較並調整程式碼。
- 整合OpenAI和Anthropic API,提高程式碼生成的準確性。
- 支援與Figma整合,實作設計到程式碼的精確轉換。
- 互動模式下,根據使用者反饋改進生成的程式碼。
- 支援配置CLI引數,如最大執行次數、使用的模型等。
使用教學:
1. 安裝Node.js環境。
2. 在專案中整合Micro Agent外掛。
3. 配置OpenAI和Anthropic API金鑰。
4. 準備測試用例或設計截圖。
5. 執行Micro Agent並指定測試腳本和視覺匹配URL。
6. 根據生成的程式碼反饋調整,直至滿足需求。
7. 將生成的程式碼整合到專案中。