# builderio/micro-agent

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/builderio-micro-agent).**

4,312 stars · 382 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/BuilderIO/micro-agent
- Homepage: https://www.builder.io/blog/micro-agent
- awesome-repositories: https://awesome-repositories.com/repository/builderio-micro-agent.md

## Topics

`agent` `ai` `figma` `javascript` `react` `typescript`

## Description

Micro-agent is a framework for AI-driven agents focused on automated test-driven development, design-to-code conversion, and external tool orchestration. It utilizes agents that iteratively write, test, and refine source code based on natural language prompts and design files.

The system transforms visual design tokens and components into type-safe, linted code by comparing live URLs against reference screenshots to ensure visual parity. It also provides a protocol for linking agents to external commerce, search, and asset management services to synchronize data and expand functional capabilities.

The project covers capabilities for iterative code generation and automated testing, where source files are modified repeatedly until specific test scripts pass. It includes support for Model Context Protocol connectors and a command-line interface for managing operational settings and model selection.

## Tags

### Artificial Intelligence & ML

- [Code Generation Agents](https://awesome-repositories.com/f/artificial-intelligence-ml/code-generation-agents.md) — Implements an AI agent that iteratively writes, tests, and refines source code from natural language prompts and design files.
- [Agent Tooling Protocols](https://awesome-repositories.com/f/artificial-intelligence-ml/agentic-systems-frameworks/agent-capabilities-skills-tooling/agent-tooling-protocols.md) — Uses standardized communication specifications to connect agents to external tools and data sources.
- [AI Agent Tool Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/ai-agent-integrations/ai-agent-tool-integrations.md) — Connects AI models to external commerce and asset management APIs for functional task execution.
- [External Service Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/external-service-integrations.md) — Provides a protocol for connecting AI agents to external commerce, search, and asset management services to expand their functionality.
- [External Tool Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/external-service-integrations/external-knowledge-integrators/external-tool-integrations.md) — Connects AI agents to external commerce, search, and asset management services to expand functional capabilities. ([source](https://www.builder.io/m/developers))
- [MCP Protocol Integrations](https://awesome-repositories.com/f/artificial-intelligence-ml/external-tool-integrations/mcp-protocol-integrations.md) — Links AI agents to external tools and data sources using the Model Context Protocol. ([source](https://www.builder.io/m/developers))
- [Iterative Generative Coding](https://awesome-repositories.com/f/artificial-intelligence-ml/generation-iteration-tracking/iterative-generative-coding.md) — Transforms natural language prompts into functional source code through an iterative development process.
- [Prompt-Based Code Synthesis](https://awesome-repositories.com/f/artificial-intelligence-ml/generative-ai-resources/generative-ai-development/prompt-based-code-synthesis.md) — Translates natural language descriptions and visual designs into functional source code and styling through iterative synthesis. ([source](https://www.builder.io/m/developers))

### Testing & Quality Assurance

- [Test-Driven Repair Loops](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/testing-frameworks/unit/unit-testing/ai-assisted-test-generators/iterative-test-generation/test-driven-repair-loops.md) — Iteratively modifies source code based on test execution failures until success criteria are met.
- [Test-Driven Development Workflows](https://awesome-repositories.com/f/testing-quality-assurance/software-testing/testing-frameworks/unit/unit-testing/ai-assisted-test-generators/test-driven-development-workflows.md) — Automatically modifies source files in a repetitive cycle until a specified test script passes. ([source](https://cdn.jsdelivr.net/gh/builderio/micro-agent@main/README.md))

### Data & Databases

- [External System Synchronization](https://awesome-repositories.com/f/data-databases/external-data-connectors/external-system-synchronization.md) — Synchronizes data and operational workflows with third-party commerce and asset management systems.

### Development Tools & Productivity

- [Test-Driven Automated Repairs](https://awesome-repositories.com/f/development-tools-productivity/debugging-profiling-testing/test-execution-management/automated-test-execution/automated-repair-tools/test-driven-automated-repairs.md) — Modifies source files repeatedly based on test failure to ensure code correctness and stability.
- [Visual Render Feedback](https://awesome-repositories.com/f/development-tools-productivity/project-scaffolding-config-code-generation/code-generation/llm-driven/diff-based-edit-application/visual-render-feedback.md) — Refines generated code by comparing live URL renders against reference screenshots for visual parity.

### User Interface & Experience

- [Design-to-Code Converters](https://awesome-repositories.com/f/user-interface-experience/design-to-code-converters.md) — Automates the translation of design tokens and components into linted, type-safe frontend code. ([source](https://cdn.jsdelivr.net/gh/builderio/micro-agent@main/README.md))
- [Natural Language Prototyping Tools](https://awesome-repositories.com/f/user-interface-experience/natural-language-prototyping-tools.md) — Converts natural language descriptions into functional prototypes through iterative development cycles.
- [Design Token Transformers](https://awesome-repositories.com/f/user-interface-experience/design-token-management/design-tokens/design-token-transformers.md) — Transforms design file tokens and components into codebase-compliant, type-safe code.
- [Visual Design Iteration Tools](https://awesome-repositories.com/f/user-interface-experience/visual-design-iteration-tools.md) — Adjusts code based on visual comparisons between a live URL and a reference screenshot. ([source](https://cdn.jsdelivr.net/gh/builderio/micro-agent@main/README.md))