🚀 Welcome to Visual Crew Builder Tutorial 🌟

In this tutorial, we’ll walk you through the six key components of the visual crew buider to help you master the visual crew editor. By the end, you'll know how to create and manage AI systems, handle artifacts, and much more! Ready? Let’s dive in! 🤿

1️⃣ Top Main Navigation 🧭

This is your gateway to everything in Visual Crew Builder - VCB! Here’s what each section does:

• 👨‍💻 Visual Crew Editor: Create and manage AI systems and workflows.
• 📚 Tutorial Section: Learn from the best practices, documentation, and tutorials to earn experience points (XP) as you go!
• 🌍 Discovery Section: Find and explore rated crews, agents, tools, tasks, and LLM definitions.
• 🛠️ Manage Artifacts: Perform CRUD (Create, Read, Update, Delete) operations on your crews, agents, tools, tasks, and more. It's your personal artifact library!
• 👤 My Account: Manage subscriptions, view statistics, and access your personal data.
• 🔒 Logout: Always log out for security! Protect your data.

This top navigation bar is your primary control panel, keeping everything just a click away!

2️⃣ Artifact Library Panel 📂

Need to search for existing artifacts? 🕵️‍♀️ This panel allows you to do just that. Here's what you can do:

• 🔍 Search: Look for existing crews, agents, tasks, tools, and LLMs in the artifact library.
• 📥 Add to Visual Editor: Found something useful? Click to add it to your visual editor, whether it’s new or existing.

This feature helps you find what you need in no time! 💡

3️⃣ Browse the Tabs (Main Content) 📑

The central part of the interface has three tabs that control what you see. Here's how to use them:

• 🎨 Visual Editor Tab: This is where the magic happens! Here, you’ll build, edit, and view your crews.
• 💻 Code Tab: Access and download generated Python or Jupyter code. Perfect for those who love getting into the technical details!
• ⚙️ Config Tab: Manage your project configuration, such as setting the general crew configurations like name, description, and more.

Switch between these tabs based on what you're working on! ⚖️

4️⃣ Save, Load, and Import Projects 💾

Managing your work efficiently is key. Here are the saving and loading options at your disposal:

• 💾 Save Project: Save your work to the cloud or your local machine.
• ☁️ Load from Cloud: Retrieve saved projects from the cloud.
• 🖥️ Load from Local: Open projects from your local storage.
• 📥 Import Custom Artifacts: Bring in artifacts from your local machine to enrich your library.

Stay organized and always keep backups! 🔐

5️⃣ Main Visual Editor 🎛️

This is where most of your interaction happens! Depending on the selected tab, you can:

• 👥 View and Edit Crews: See your crews and modify their properties.
• 👆 Select an Item: Pick an artifact to modify its settings.
• 🖼️ Pan, Zoom, and Screenshot: Adjust your view or capture screenshots of your progress.
• ↩️ Redo/Undo: Correct mistakes with the redo/undo functions, no worries!

This is the creative hub where

6️⃣ Properties Panel 🛠️

Once you select an item in the visual editor, the Properties Panel will allow you to adjust its settings. You can:

• ⚙️ Modify Properties: Customize all item-specific properties to fit your project’s needs.

Think of this as the fine-tuning station, where you perfect your creation! 🎯

🧑‍🏫 Visual Guide 🎨

Here’s a helpful diagram to show how everything fits together:

Now that you know the basics, let’s get building! 🎉 If you're ever unsure, remember that the tutorial section is always available for more in-depth guidance. Let's make something incredible! 💪

🧙🏾‍♂️ Next Steps:

Would you like to try this out now or explore a specific feature more deeply? Let me know if you need help with anything!