Micro Agent

使用场景开发者使用Micro Agent自动编写前端页面代码,提高开发速度。设计师通过Figma设计页面后,利用Micro Agent快速生成对应的前端代码。团...

  • Micro Agent

    类别:AI代码助手,AI开发助手,AI,代码生成,测试驱动,Figma集成,普通产品,开源,
    官网:https://github.com/BuilderIO/micro-agent 更新时间:2025-08-01 18:18:20
  • 使用场景

    开发者使用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. 将生成的代码集成到项目中。