Getting Started with MindStudio

Step-by-Step Tutorial: Building an AI-Powered App Using MindStudio

1. Creating a New AI

• After creating an account on MindStudio, navigate to the "My AIs" page.
• Click on the "New AI" button at the top right to create a new AI.
• Choose a template or start with a blank project.

2. Setting Up the AI Workflow

• In the editor, navigate to the "MainFlow" file to begin writing the main AI prompt.
• Write a prompt that includes a role for the AI and a task for it to complete.
• Optionally use markdown formatting for better organization.
• Create the AI workflow using different blocks for interactions within the AI-powered app.

3. Adding User Inputs and Messages

• Add a "Collect Input" block to gather user input.
• Configure the user input variables, labels, and placeholders.
• Use a "Send Message" block to generate responses based on user input.
• Reference variables using double curly braces.

4. Incorporating Custom Data Sources

• Create a new data source in the Navigator.
• Upload at least one file to use as a data source.
• Verify that the file uploaded correctly and check the extracted text for coherence.
• Use the data source in the AI workflow to provide context for responses.

5. Configuring AI Settings

• Set up message pre-processing to query the data source.
• Adjust model settings such as turbo mode, temperature, and max response size.
• Add system introductions for the AI chat interactions.

6. Previewing and Publishing the AI

• Open a draft preview to test the AI's functionality.
• Choose a plan and features for publishing the AI.
• Share the AI by copying the URL or accessing the share option in "My AIs."

7. Enhancing AI Capabilities

• Modify the AI by adding functionalities like collecting emails and integrating with external services like MailChimp.
• Utilize function blocks to run custom JavaScript code in the AI workflows.
• Debug functions and verify successful execution.

8. Embedding the AI in a Website

• Upgrade to a Pro or Business subscription to unlock the embedding feature.
• Enable API access and obtain the embed code.
• Embed the AI code in a website using tools like Webflow.
• Authorize the domain in MindStudio for seamless integration.

9. Customizing and Scaling the AI

• Customize the AI for bespoke use cases and unique requirements.
• Explore additional features and capabilities offered by MindStudio.
• Continuously improve and scale the AI based on feedback and analytics.

By following these steps, you can effectively build and deploy an AI-powered app using MindStudio with personalized interactions and functionalities tailored to your specific needs.