MindStudio University
  • Documentation
  • Video Courses
  • Newsroom
  • Video Courses
  • 1: Core Building Principles
    • Intro to AI Agents & MindStudio
    • AI Editor Overview
    • Building Your First AI Agents
    • Building an AI Agent for the Chrome Extension
    • Testing & Debugging Basics
    • Designing User Inputs & Forms
    • How to Scrape Web Data for AI Agents
    • Chaining Multiple Blocks Together in AI Agent Workflows
    • How to Generate Content & Media with AI
    • How to Choose the Right AI Model
    • Prompt Writing 101
    • Using Integration Blocks to Connect to External Services
    • Creating & Using Data Sources
  • 2: Workflow Mastery
    • Building AI Agents that Run on a Schedule
    • Using Launch Variables & Global Variables in Workflows
    • Routing, Logic, & Checkpoint Blocks
    • Advanced Testing Using Evaluations
    • Running Blocks in Parallel for Workflow Optimization
    • Working with Structured Data (JSON)
    • Running Sub-Workflows to Iterate and Process Data With AI
    • Creating Dynamic User Inputs
    • How to Generate HTML Assets for Your AI Agents
  • Masterclass Sessions
    • AI Agent Zero to Hero Masterclass (Beginner)
    • AI Agent Monetization Masterclass
    • AI for Content Marketing Masterclass
    • Deep Research Masterclass
    • AI Agents In-Depth Masterclass
    • AI Agents for Partnerships Masterclass
Powered by GitBook
On this page
  • Navigating the AI Editor
  • Understanding the User Interface
  • Exploring Resources and Workflows
  • Using the Canvas Features
  • Managing Models and Evaluations
  • Debugging and Diagnostics Tools
  • Final Tips for AI Agent Creation
  • Summary
Export as PDF
  1. 1: Core Building Principles

AI Editor Overview

Learn how to navigate the workspace, configure blocks, manage models, use debugging tools, and access advanced agent settings

Last updated 2 days ago

Navigating the AI Editor

This guide provides a comprehensive overview of the AI Editor interface in MindStudio. You'll learn how to navigate the workspace, configure resources, manage agent settings, and debug workflows efficiently.

Understanding the User Interface

When you create an AI agent, you’re placed inside the AI Editor. The UI is divided into two main sections:

  • Left Panel (Explorer): Contains resources like data sources, custom functions, user inputs, and workflows.

  • Right Workspace: Displays contextual editing tools and configuration panels based on what you're working on.

Use the explorer to navigate between tabs such as automations, user inputs, and functions. The main workflow typically starts in main.flow, under the automations tab.

Exploring Resources and Workflows

Inside the automations tab:

  • The start block initializes the workflow.

  • The terminator block ends the workflow.

  • You can insert additional logic using the + button to add new blocks.

The canvas supports:

  • Vertical and horizontal scrolling (use Shift to scroll horizontally).

  • Zooming, reset view (R key), and auto-arranging blocks for a clean layout.

  • Quick tools for panning (H key) and selecting (V key).

Using the Canvas Features

Useful tools in the canvas include:

  • Sticky notes for adding comments or reminders.

  • Diagnostics tool to validate block linkages and optimize workflows (recommended for advanced users).

  • Errors tab to highlight issues such as missing inputs.

  • Debugger tab to monitor input/output and cost at each step during agent execution.

Managing Models and Evaluations

Key tabs along the top of the editor:

  • System Prompt: Set overall instructions for the agent (e.g., blog post generator). You can also use the Generate Prompt tool to automatically create a structured prompt.

  • Model Settings: Choose a default AI model from over 90 options. This acts as a fallback if a block doesn't specify a model.

  • Evaluations: Allows you to batch test scenarios (optional for beginners).

  • Profiler: Compare multiple AI models side-by-side using the same prompt. Evaluate their outputs, speeds, and costs to select the best fit.

Debugging and Diagnostics Tools

Each block has a configurable panel on the right-hand side. For example:

  • A Generate Text block lets you enter the prompt.

  • A Run Function block switches the configuration panel to support code-based execution.

You can preview your agent and inspect each step’s behavior through the debugger at the bottom.

Final Tips for AI Agent Creation

Select the root agent folder to access:

  • General Settings: Name, description, icon, and landing page for sharing.

  • Sharing & Access: Set visibility (public/private), enable remixing, and configure API access (business plans only).

  • Advanced Settings: Includes onboarding workflows, global variables, and persistent user data (covered in later videos).

  • Version History: Revert to previous published versions of your agent.

  • Publishing: Click the “Publish” button at the top right to make changes live.

Summary

Most of your work will happen inside the workflow builder, where you’ll add and configure blocks. This video covers the full UI so you know where to find everything as you start building. If you have questions, check the in-app documentation or leave a comment on the video.

Thanks for watching!