How To Build An AI Agent With No Code

In This Article

Difference Between AI Agent and AI Wrapper

Let’s set the record straight – an AI agent is NOT the same thing as an AI wrapper.

An AI agent is also powered by a LLM model, but one given access to:

  • external sources
  • unique internal databases
  • specific instructions on how to analyze various inputs 

This enables the model to produce a highly accurate and reliable output.

Additionally, it can be connected to external apps such as emails and no code app builders.

When you see AI-powered apps where the AI performs complex tasks, it’s an agent at work.

In this post, we’ll share how we used a no code tool called VectorShift to easily integrate a custom AI agent into our Flutterflow app. 

A User-Friendly Tool for Building Custom AI Agents

VectorShift describes itself as an end-to-end AI automation platform.

How To Build An AI Agent With No Code

If we had to describe it, we’d call it a drag-and-drop AI workflow builder.

If you’ve ever created an automated instant message or email sequence on Mailchimp or Chat Daddy, the concept is similar, except here you’ll be building an AI workflow.

How To Build An AI Agent With No Code Create AI workflow

It looks more complicated than it really is.

To begin building a custom AI agent on VectorShift, you really just need to understand two sections: Pipelines and Knowledge Bases

1. VectorShift Pipelines

This is VectorShift’s actual drag-and-drop interface where you build out your AI workflows.

You can start a pipeline from scratch or use one of the many premade templates.

vectorshift pipelines to custom ai agent

Once you enter the drag-and-drop interface, you’ll see a whole bunch of what are called ‘nodes’ along the top ribbon.

vectorshift drag and frop

These are blocks of logic you drag and connect to each other similar to how you’d drag and drop on a no code app builder.

There are tons of nodes at your disposal that allow the AI agent to:

  • Integrate with various external apps
  • Utilize a variety of LLMs
  • Search specific external data sources like Google and Wikipedia
  • Scrape specific URLs for data chunks

2. VectorShift Knowledge Bases

Vectorshift knowledge bases where you can create internal databases for your AI agent to retrieve information from.

vectorshift knowledge bases to custom ai agent

Inside the knowledge base, you can:

  • Add various documents
  • Scrape URLs (pictured above)
  • Integrate external databases like email inboxes

The result is the ability to effortlessly create unique sources of information that can give an AI agent very specific knowledge.

How We Built a Custom AI Agent with Vectorshift

We wanted to test what it would look like to create an AI agent that could make accurate recommendations for no code app builders based on user needs.

To do this, we wanted the agent to have access to three sources of information:

  1. A file containing core details about app builder pricing strategies
  2. A list of weekly URL scrapes of various app builder pages
  3. Information from a Google search based on the user question

1. The first thing was to upload a file containing all key app builder details.

upload a file on vectorshift containing app builder details

2. Then we created a knowledge base that would scrape information from app builder pricing pages on a weekly basis.

create knowledge base inside vectorshipft to create custom ai

3. Then we used the SerpAPI node to generate a Google Search.

use serp ai to generate google search

4. To ensure the LLM would keep track of a conversation, we added a Chat Memory node.

add chat memory node for llm conversion

5. Finally, we made sure the LLM was properly prompted to retrieve information from our three sources.

llm is prompted

6. We deployed and ran a test…and success!

Adding The AI Agent to a No Code App

To power your no code app with a VectorShift AI agent, you just need to connect the pipeline’s API to wherever on your app you want to post or get information from.

connect pipelines api to source to get information

So long as your no code app builder supports custom API calls, this can be done.

Here, we’ve created a super simple page on Flutterflow.

simple page on flutterflow

We then set an API call to the ‘Submit’ button so that when clicked or tapped, it sends the query in the text field above it to our VectorShift pipeline, and then displays the pipeline’s output in the text field below it.

Then we deploy it for testing.

deploy and testing stage on flutterflow

Let’s test it out using the same question we asked on VectorShift…and success!

Notice that it still contains the key pricing figure at the end, proof it’s our pipeline at work!

If this was for a genuine app to be launched, we’d continue improving the prompt and data sources to streamline answers, but as a proof of concept, this absolutely works.

And there’s no reason you can’t do the same with your own AI agent!

What Type of AI Agents Can You Build?

The question is more like what type of AI agents CAN’T you build!

You only have to glance around to see there are TONS of AI agents on the market.

ai agent market

According to VectorShift, various companies across different industries are already using their AI pipelines to:

  • power the “backend” of their AI product features
  • automate report writing for clients
  • to automate sales proposals
  • search through their contract library to answer questions.
  • to create a chatbot to answer patient questions leveraging their extensive knowledge base

Since we’re all about app development here at Upstack Studio, we’re guessing most of our readers would be interested in the first one.

Though AI integration into existing apps also has lots of potential!

This is really where we leave it to you – we’ve taken the horse to water, it’s up to you whether or not you want to take a drink!

Hey there stranger, thanks for reading all the way to the end. Consider joining our mailing list for a one-stop resource on everything from micro SaaS validation all the way to execution and promotion. Get a nifty list of questions to ask app developers when you sign up!

App Developer Interview Questions Template

Download this template now so you know exactly what to ask App Development Agencies! Let us know where should we send it through the form below.

Got a million-dollar app idea?

We can help you design, build and launch it in 12 WEEKS.

You might also like

Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments