Hi everyone!
I am a new MindStudio user and I’m really enjoying the platform so far. I’m currently refining my first agent and I’m looking for a way to further customize the loading screen.
I’ve already explored the options available under the Loading Style tab, but I was wondering if there are any “under the hood” tricks or workarounds to achieve a more unique look.
Specifically, I’d like to know if it’s possible to:
-
Change the background color or add a custom image/GIF beyond what’s currently offered.
-
Use different typography or animations.
-
Potentially use a custom CSS block or a specific script to tweak the visual identity during the transition.
Has anyone managed to do this, or is the platform strictly limited to the UI options in the settings for now?
Thanks in advance for the help!
Hi @estevankmp,
Thanks for the post!
You can build your own loading experience using Custom Interfaces in the User Input and Generate Asset blocks. Here’s a tutorial on Custom Interfaces to get started:
When it comes to loading, the easiest way to set this up is:
- Run your agent and check the Debugger to get the time it takes for each step to run
- Set Loading Style to No Indicator or Minimal Notification
- Open the Interface Designer and prompt it to display a loading bar progressing over X seconds
Here’s a quick Loom walking through the steps:
And a remix link to the sample agent in the Loom:
https://app.mindstudio.ai/agents/vision-to-image-80e7a36e/remix
The sample agent above only has the User Input block configured with a custom interface. You can take it further by adding a Generate Asset block at the end to display results, or by looping the workflow back to the User Input block so it collects another idea and starts generating a new result.
You can also check out the Image and Video tab in your workspace for inspiration from other template agents. You can copy any of them to your workspace to explore their structure:
https://app.mindstudio.ai/image-video-generation
Thank you very much for the help!!
1 Like
