{"id":16806,"date":"2025-04-05T20:44:08","date_gmt":"2025-04-05T18:44:08","guid":{"rendered":"https:\/\/visionsoft.tech\/tutorial-create-an-ai-agent-in-30-seconds-with-visionsoft-and-without-any-code\/"},"modified":"2026-05-04T19:12:32","modified_gmt":"2026-05-04T17:12:32","slug":"tutorial-create-an-ai-agent-in-30-seconds-with-visionsoft-and-without-any-code","status":"publish","type":"post","link":"https:\/\/visionsoft.tech\/en\/tutorial-create-an-ai-agent-in-30-seconds-with-visionsoft-and-without-any-code\/","title":{"rendered":"Tutorial – Create an AI agent in 30s without any code"},"content":{"rendered":"Temps de lecture\u00a0: <\/span> 4<\/span> minutes<\/span><\/span>\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n

Do you want an AI agent that understands, interacts, and acts like a human? With knowledge of your data? <\/p>\n<\/blockquote>\n

With Visionsoft, it\u2019s possible in 30 seconds \u2013 and without writing a single line of code!<\/p>\n

Note: For this tutorial, we based ourselves on the HuggingFace’s tutorial “Creating a RAG Tool for Guest Stories”<\/a>, which is done with Python code. So you can see the difference between code and no-code, the time saved and the ease of use! <\/p>\n

Especially since, by the way, in this tutorial, we generate the application for managing the data used!<\/p>\n

Here’s how to do it:<\/p>\n

\ud83c\udfaf Objective:<\/h3>\n

Create an AI agent capable of responding to your users or customers, qualifying requests or automating a business process, all 100 % no-code<\/strong>.<\/p>\n

\ud83e\uddf0 What you need:<\/h3>\n
    \n
  • An access to <\/span>Visionsoft Studio<\/strong><\/li>\n
  • An active Visionsoft<\/strong> account (contact-us if needed)<\/li>\n
  • A clear idea of \u200b\u200bwhat your agent needs to do (e.g., answer questions about a product, guide a user, perform specific actions, etc.)<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t
      \n
    • \u23f1 Step by step<\/li>\n<\/ul>\n

      \u2705 Step 1 (prerequisite) \u2013 Create an application with SmartPilot AI<\/h2>\n
      \n

      On the Visionsoft Studio home page, click on \u201cLaunch SmartPilot\u201d, <\/strong>then on the button <\/span>“Create an application”. <\/strong> <\/p>\n<\/blockquote>\n

      Prompt to copy: “Create a gala management application. Galas have a name, date, location, and guests. Guests have a name, email, VIP status, and description. A journalist’s comment can be written for each guest for each gala.”<\/strong><\/p>\n

      You can see the data model proposed by SmartPilot.<\/strong><\/p>\n

      Click on “Validate”<\/strong><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
      AgenticAI - tables cr\u00e9\u00e9es par SmartPilot pour une application de gestion de galas<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      For the test data, Visionsoft will take care of it. Copy this instruction to guide it: “Galas are awards ceremonies in France. The guests are French movie stars. For their emails, enter contact+[name]@visionsoft.tech, replacing [name] with their name (and without brackets).” <\/p>\n

      Then click on \u201cGenerate an application\u201d<\/p>\n

      Choose the “DataGrid 3” template, it’s the one I prefer \ud83d\ude09 and there is a chatbot already placed on the Home page.<\/p>\n

      and click on “Validate”<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
      SmartPilot - choix du template avec chatbot<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      You can view the published app from the “Preview” button.<\/p>\n

      Please note, the chatbot is not yet operational, we will see that shortly.<\/p>\n

      \n

      Note that the generated application is fully editable, in no-code! No bugs to fix, no coding skills required \ud83d\ude42 <\/p>\n<\/blockquote>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
      AgenticAI - R\u00e9sultat de l'application cr\u00e9\u00e9e par SmartPilot<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t
      <\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t<\/p>\n

      \u2705 Step 2 \u2013 In the application generated by SmartPilot<\/h2>\n

      The chatbot doesn’t have a data source, so we’ll first create a standard source and then add to it. Select the chatbot, click the “Behavior” tab, and click “Create a chat flow,” then let’s edit it: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
      AgenticAI - Source de donn\u00e9es du chatbot, personnalisable<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      We will now personalize the chatbot by giving it a general instruction and providing it with 3 tools a specific tool <\/b>to get the list of galas and guests, using the power of smartflows (blue box below)<\/p>\n

      <\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      To give the AI \u200b\u200bagent your application data,<\/p>\n

        \n
      • Add a “Search” node<\/li>\n
      • Select the “Gala” smartobject<\/li>\n
      • Add a “Variable” node (which allows you to store Galas objects and all associated objects)<\/li>\n
      • Connect the Variable node to the START and OUT to VisionAI, as shown in the diagram<\/li>\n<\/ul>\n

        Then don’t forget to <\/p>\n

          \n
        • Publish the smartflow<\/li>\n
        • Publish the application<\/li>\n<\/ul>\n

          AND THERE YOU HAVE IT!<\/strong><\/h3>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
          AgenticAI - Smartflow avec RAG sur les donn\u00e9es de l'application<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t
          \n\t\t\t
          <\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t

          Optionally, to go further, you can add to your agent<\/p>\n

            \n
          • an email sending tool (boxed in red below)<\/li>\n
          • a tool to notify users of the application (boxed in red below)<\/li>\n<\/ul>\n
            <\/div>\n

            For sending emails<\/p>\n

              \n
            • Add an “AI Tool” node<\/li>\n
            • select the “Custom Tool” type<\/li>\n
            • Select the AI \u200b\u200bTool “Send email”<\/li>\n<\/ul>\n

              For the list of users<\/p>\n

                \n
              • Add an “AI Tool” node<\/li>\n
              • select the “Custom Tool” type<\/li>\n
              • Select the AI \u200b\u200bTool “List users”<\/li>\n<\/ul>\n

                To notify an app user<\/p>\n

                  \n
                • Add an “AI Tool” node<\/li>\n
                • select the “Custom Tool” type<\/li>\n
                • Select the AI \u200b\u200bTool “Notify user”<\/li>\n<\/ul>\n

                  Then add an “AI Agent” node<\/p>\n

                    \n
                  • Connect the 3 tools to their inputs, as shown in the diagram.<\/li>\n
                  • Connect the output to the VisionAI \/ AI Agent node<\/li>\n<\/ul>\n

                    Publish the smartflow<\/span><\/span><\/h3>\n

                    AND THERE YOU GO!<\/strong><\/h3>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                    \n\t\t\t\t
                    \n\t\t\t\t\t\t\t\t\t\t\t\t
                    \n\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t
                    AgenticAI - Ajouter des outils \u00e0 l'agent chatbot pour obtenir des donn\u00e9es ou agir<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

                    Temps de lecture\u00a0: <\/span> 4<\/span> minutes<\/span><\/span>Do you want an AI agent that understands, interacts, and acts like a human? With knowledge of your data? With Visionsoft, it\u2019s possible in 30 seconds \u2013 and without writing a single line of code! Note: For this tutorial, we based ourselves on the HuggingFace’s tutorial “Creating a RAG Tool for Guest Stories”, which is […]<\/p>\n","protected":false},"author":9,"featured_media":16808,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[94,1],"tags":[],"class_list":["post-16806","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-no-code-en","category-non-classifiee"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/posts\/16806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/comments?post=16806"}],"version-history":[{"count":1,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/posts\/16806\/revisions"}],"predecessor-version":[{"id":21090,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/posts\/16806\/revisions\/21090"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/media\/16808"}],"wp:attachment":[{"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/media?parent=16806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/categories?post=16806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visionsoft.tech\/en\/wp-json\/wp\/v2\/tags?post=16806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}