Docs/GenMB Code
DocsGenMB Code
Pro

GenMB Code

AI coding assistant for precise, tool-based file edits — describe what you want changed and the AI implements it across your project.

GenMB Code requires the Pro plan or higher.

What is GenMB Code

GenMB Code is an AI coding assistant built into the app editor. Unlike chat refinement which regenerates entire files, GenMB Code makes precise, targeted edits to individual files using a tool-based approach — reading, editing, and writing files exactly where changes are needed.

It understands your entire project structure and can navigate across files, making surgical edits instead of regenerating everything from scratch. Every set of changes creates a new version so you can review diffs and rollback if needed. It works with all supported frameworks: Vanilla JS, React, and React + TypeScript.

Pro feature

GenMB Code requires the Pro plan or higher. Free plan users can use chat refinement for broader code changes.

How to Use

Open GenMB Code from the sidebar in the app editor. Describe the changes you want in the chat input, and the AI will use tools to implement them across your project files.

1

Open the GenMB Code panel

Click the Code icon in the app editor sidebar to open the GenMB Code panel.
2

Describe your change

Type what you want to change in the chat input — for example: "Add a dark mode toggle to the header" or "Fix the form validation on the contact page."
3

AI plans and executes edits

The AI reads your project files, plans the changes, and executes edits using tools. You can watch the tools being called in real time.
4

Review the changes

Review the changes in the diff view. Each edit session creates a new version automatically so nothing is lost.
5

Continue the conversation

Continue the conversation to refine further — the AI remembers the full context of your session, so follow-up requests build on previous work.

Available Tools

GenMB Code uses a set of file-operation tools to implement changes precisely. The AI decides which tools to use based on your request — you do not need to invoke them manually.

  • list_files — Lists all files in your project so the AI can understand the project structure.
  • read_file — Reads the full content of a specific file to understand existing code before editing.
  • edit_file — Makes targeted edits to a file by replacing specific code sections. The most commonly used tool.
  • write_file — Creates a new file or completely replaces an existing file when a full rewrite is needed.
  • report_done — Signals that all changes are complete and summarizes what was modified.

MCP Tool Integration

Connect external MCP (Model Context Protocol) servers to give GenMB Code access to additional tools and capabilities beyond file editing. This lets the AI interact with databases, APIs, and code analysis tools directly from your editing session.

  • Add MCP servers in the app settings to extend the tools available to GenMB Code.
  • External MCP servers can provide tools for database queries, API calls, code analysis, and more.
  • Each app can connect up to 10 MCP servers. Tools from all connected servers are available in the same session.
  • MCP servers must use HTTPS and are validated against SSRF protections for security.

Extend your AI toolkit

MCP integration turns GenMB Code into a general-purpose AI agent. Connect a database MCP server to let the AI query your data, or a testing MCP server to validate changes automatically.
MCP integration is a Pro feature — available on the Pro and Business plans.

GenMB Code vs Chat Refinement

Both features let you modify your app with natural language, but they work differently and are suited to different tasks.

  • Chat Refinement regenerates files based on your prompt. Best for broad changes like "redesign the landing page" or "add a new section."
  • GenMB Code edits specific lines in specific files. Best for targeted changes like "fix the bug in the login handler" or "add error handling to the API call."
  • Chat Refinement works on Free plans. GenMB Code requires Pro or higher.
  • GenMB Code maintains a conversation history within a session, so you can iterate on changes with full context.
Use Chat Refinement for big-picture changes and GenMB Code for precision edits — they complement each other perfectly.

Tips

Get the most out of GenMB Code with these best practices.

Be specific

Mention file names, component names, or function names when you know them. The more specific your request, the more accurate the AI's edits will be.

Start small

Start with small, focused edits to build confidence before making large changes across multiple files. This helps you understand how the AI interprets your requests.

Review diffs

Review changes in the diff view after each edit session. If something looks wrong, rollback via Version History and try a more specific prompt.

Break down complex changes

For complex changes, break them into multiple steps. Ask for one change at a time and verify before moving on.

If the AI misunderstands your intent, clarify in the follow-up message — it retains the full conversation context and can adjust based on your feedback.

FAQs

What plan do I need to use GenMB Code?
GenMB Code requires the Pro plan or higher. Chat-based refinement is available on the Free plan for broader code changes.
Does GenMB Code work with all frameworks?
Yes. GenMB Code works with Vanilla JS, React, and React + TypeScript projects. The tools operate on files regardless of framework.
Can GenMB Code create new files?
Yes. The write_file tool can create entirely new files in your project. The AI will use this when your request requires a new component, page, or utility file.
What happens if GenMB Code makes a mistake?
Every GenMB Code session creates a new version. If something goes wrong, open Version History from the sidebar and rollback to the previous version with one click.
How is GenMB Code different from Agent Mode?
Agent Mode autonomously plans and executes multi-step building tasks from scratch. GenMB Code is a conversational assistant for editing existing code — you guide the changes through a chat interface with full control over each step.

Ready to build?

Create your first app for free — no credit card required.