App Builder and Secure VibeCoding Applications

The "App Builder" built into AI GO is a powerful Secure VibeCoding development environment intended only for administrators and developers. Through simple interface configurations and prompt settings, administrators can build a "Custom App" for specific roles and generate an independent login URL for daily operational colleagues.


What is a Custom App

In AI GO, a "Custom App" is an independently running application window with specific prompt settings, interface fields, and underlying Data Center table access permissions.

Once you create and publish a Custom App, the system generates a dedicated "Login URL" for it. Daily operational colleagues do not need to enter the global Dashboard; they only need to save this dedicated link to log in directly and conduct their daily tasks.


Application Store and Template Selection

On the list page of the App Builder, you can click "App Store" to view curated application templates. These templates cover common business scenarios and can be deployed directly or customized.

If you wish to start from a blank project, the store provides two core templates that determine the account permission architecture:

  • Internal App: For management tools used by internal employees (e.g., internal reports, process audits, HR backend). Employees log in using their unified AI GO corporate accounts, requiring no additional membership registration.
  • External App: For applications that need to be opened to third parties (e.g., customers, suppliers, contractors). It features independent account registration and login capabilities, allowing external partners to create their own accounts.

Builder IDE and Six Core Panels

Click "App Builder" under the "AI Applications" section in the left navigation bar. When creating or editing an application, you enter the Builder IDE development environment. The center of the Builder IDE is the main workspace, and the top provides six panels to switch between different development stages:

1. "Develop" Panel (Code & Preview)

This is where you write source code and preview the interface in real time.

  • File Explorer: Located on the left, displaying the source code structure. The main entry point is src/App.tsx.
  • Code Editor: Located in the center, supporting syntax highlighting and auto-save. You can press Ctrl+S to save manually. After editing, the preview on the right refreshes automatically.
  • AI Development Assistant (VibeCoding Copilot): Located in the right panel. This is a dedicated code editing and generation tool to assist developers and has nothing to do with the daily operational AI assistants. You simply describe your desired functionality in natural language (e.g., "Create a customer query page that searches by name and shows contact details"), and the VibeCoding Copilot will automatically write and insert the code for you. You can also select code and ask the Copilot to modify, debug, or optimize it.

2. "Data" Panel (Custom Tables)

Used to manage custom tables (Custom Tables) exclusive to this App.

  • When your application needs to store specific data not default in the Data Center (e.g., employee temperature measurement logs, customer event check-ins), you can click "New Table" in this panel.
  • Field Configuration: You can add fields and set data types (single-line text, multi-line text, integer, float, boolean, datetime, dropdown, etc.), serving as a dedicated database for your App.

3. "Reference" Panel (Data Referencing)

Used to reference unified tables in the core Data Center.

  • To avoid data silos, you can use this panel to introduce core corporate data (such as CRM customer data, sales orders, stock details) into this Custom App.
  • Permission Declaration: You must declare the access scope of the App on the referenced tables (Read-Only, Write, or Update). The system will enforce strict security isolation based on these settings.

4. "Service" Panel (API & Actions)

Used to manage the App's API keys and Server-Side Actions.

  • API Key Management: If your Custom App needs to integrate with external systems, you can generate a dedicated API Key here, allowing third parties to securely access this App's data.
  • Server-Side Actions: You can create logic running in the server background (such as complex tax calculation logic, connecting to external SMS gateways), ensuring sensitive calculations and keys are not exposed in the frontend browser.

5. "MCP" Panel (Model Context Protocol)

Used to configure and authorize external MCP tools.

  • Under this panel, you can enter the connection URL and Token of an external MCP server, allowing the AI assistant inside this App to obtain capabilities to access external systems (like Google Calendar, Slack, etc.).

6. "Publish" Panel (Release & Deploy)

Once application development and testing are completed, submit versions and deploy here.

  • Version Control: Every release requires a version number (e.g., v1.0.0) and release notes explaining the updates.
  • Release Audit: After submitting a release request, the system generates a temporary preview URL. Once approved by the administrator, the Custom App goes live, updating its login URL for team members to use.