Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

"You can't VibeCode Complex Apps" they said. That is until "VAAPs" became a thing. You can vibecode your frontend like mzulali did here, and then plug in an n8n agent as the backend. All you have to do is use a webhook to connect them. Ask the vibecode to... show more

Learn to VibeCode

5,926 subscribers

18,981 Aufrufe • vor 1 Jahr •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

6 Kommentare

Profilbild von Himanshu Kumar

Himanshu Kumarvor 1 Jahr

@muhammad_zulali @vibecodeapp VAAPs streamline complex app development.

Profilbild von Tee Sweets

Tee Sweetsvor 1 Jahr

@muhammad_zulali @vibecodeapp light buld moment ...brilliant bro

Profilbild von nunyabidness

nunyabidnessvor 1 Jahr

@muhammad_zulali @vibecodeapp Yall are cringey af

Profilbild von Centrist

Centristvor 1 Jahr

@muhammad_zulali @vibecodeapp This a prototype not a full functional app

Profilbild von Pierre Bessette

Pierre Bessettevor 1 Jahr

@muhammad_zulali @vibecodeapp Excellent !!!!!

Profilbild von 8GG.ETH

8GG.ETHvor 1 Jahr

@muhammad_zulali @vibecodeapp "Frontend vibes, backend whispers, and the webhook is the umbilical cord. Another idea hatches from its shell."

Ähnliche Videos

Today we're announcing the Vibecode CLI Your OpenClaw (or any agent) can build and deploy up to 20 apps in parallel in a single prompt. Your agent will communicate with Vibecode to build your app(s). Frontend, Backend, Database, Deployments, APIs. Works with OpenClaw, Claude Code, Perplexity Computer, Manus, and any agent with access to a terminal. Just add this to your prompt: "Please use vibecode . dev CLI to build these apps"

Today we're announcing the Vibecode CLI Your OpenClaw (or any agent) can build and deploy up to 20 apps in parallel in a single prompt. Your agent will communicate with Vibecode to build your app(s). Frontend, Backend, Database, Deployments, APIs. Works with OpenClaw, Claude Code, Perplexity Computer, Manus, and any agent with access to a terminal. Just add this to your prompt: "Please use vibecode . dev CLI to build these apps"

vibecode.dev

114,468 Aufrufe • vor 3 Monaten

Arcads + n8n is insane... I built an AI agent that now generates 100s of viral ads every day with arcads api and n8n. Talking head, lip sync, product showcases, ugc I have made a detailed guide to show you: → How to make AI ugc ads at scale → Step-by-step n8n workflow → n8n + Arcads + Meta API integration For the right person, this is worth $10,000, but I am giving it away for FREE for the next 24 hours 1. Retweet this post 2. Comment "AGENT" And I will send it to you in your DM 📩 (must be following)

Arcads + n8n is insane... I built an AI agent that now generates 100s of viral ads every day with arcads api and n8n. Talking head, lip sync, product showcases, ugc I have made a detailed guide to show you: → How to make AI ugc ads at scale → Step-by-step n8n workflow → n8n + Arcads + Meta API integration For the right person, this is worth $10,000, but I am giving it away for FREE for the next 24 hours 1. Retweet this post 2. Comment "AGENT" And I will send it to you in your DM 📩 (must be following)

Kritarth Mittal | Soshals

25,145 Aufrufe • vor 8 Monaten

This n8n workflow turns ANY viral YouTube video into a banger X thread automatically. The AI agent is trained on threads that have gotten 16M+ views. All you need to do is drop a keyword, and you get viral-ready threads. Follow + comment "THREAD" and I'll dm the full workflow.

This n8n workflow turns ANY viral YouTube video into a banger X thread automatically. The AI agent is trained on threads that have gotten 16M+ views. All you need to do is drop a keyword, and you get viral-ready threads. Follow + comment "THREAD" and I'll dm the full workflow.

Tom

69,980 Aufrufe • vor 1 Jahr

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.

Here is how simple it is to build a UI front-end for an AI agent (assuming you are using . The video here is 90 seconds and will show you everything you need to connect an agent to a web app: 1. Set up CopilotKit🪁 in your app 1. Copy the agent's localhost URL from LangGraph Studio 2. Paste that URL into a CopilotKit🪁 remote endpoint That's all you need to get a front-end to interact with the agent! The secret sauce here is CoAgents, an open-source library. You can use CoAgents to integrate any agent with your web application. Here is what you get: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Watch the attached demo so you see it in action.

Santiago

46,109 Aufrufe • vor 1 Jahr

Wow very easy to create a Codex Site with a Convex DB that your agent can write to. You can make a todo list app that is hosted on Codex Sites, then tell Codex to make a skill that allows the agent to WRITE/EDIT to that todo list db. And then in any chat you can add to your list. Here's example.

Wow very easy to create a Codex Site with a Convex DB that your agent can write to. You can make a todo list app that is hosted on Codex Sites, then tell Codex to make a skill that allows the agent to WRITE/EDIT to that todo list db. And then in any chat you can add to your list. Here's example.

Riley Brown

54,081 Aufrufe • vor 1 Monat

It is now way easier to build multi-agent workflows in n8n with the new AI Agent Tool node. Instead of juggling sub workflows a parent AI Agent can now use other Agents as tools even several layers deep. Max shows how a cheap GPT 4.1 nano Agent handles heavy data and sends summaries to a parent Agent saving token costs and making debugging simpler. Watch the full walkthrough:

It is now way easier to build multi-agent workflows in n8n with the new AI Agent Tool node. Instead of juggling sub workflows a parent AI Agent can now use other Agents as tools even several layers deep. Max shows how a cheap GPT 4.1 nano Agent handles heavy data and sends summaries to a parent Agent saving token costs and making debugging simpler. Watch the full walkthrough:

n8n.io

27,766 Aufrufe • vor 11 Monaten

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

AG-UI makes building agentic applications dramatically easier. Here's how it works. This is a model for a simple chatbot: User → LLM → Response But interactive agents that render UI, pause for approvals, and ask users for input need a much more complex model. When building these agents, a response from the LLM will include a series of state changes as the agent runs: • Agent started a task • Agent called a tool • Agent updated its state • Agent streams these tokens • Agent is waiting on a human • Agent is resuming the task The Agent-User Interaction Protocol (AG-UI) treats the LLM response as a stream of events rather than a text endpoint. In practice, here is what you get as an agent runs: 1. Lifecycle events so your UI knows where the agent is. 2. Text messages that stream tokens. 3. Tool calls so your UI can prefill a form with any required arguments. 4. State updates that keep your UI in sync with the agent. 5. Special events for human approvals, rich media, and custom needs. All of these events travel over standard transports (SSE, WebSockets, or plain HTTP) as JSON. As a result, you can build a frontend that stays in sync with the agent's progress without having to invent a custom process to make this happen. For example, building a human-in-the-loop workflow becomes an off-the-shelf component you can integrate rather than build from scratch. CopilotKit🪁 is the creator of AG-UI, and you can use it when building frontend applications pretty much anywhere: • React • Angular • Vue • React Native • Slack • Teams • Discord • WhatsApp • Telegram Here is the link for you to check it out: Thanks to the CopilotKit team for partnering with me on this post.

Santiago

17,438 Aufrufe • vor 14 Tagen

It’s getting insanely easy to build complex multi-agent systems in n8n. You can now build supervisor agents that delegates tasks to specialized sub agents. Just add the sub agents via AI Agent Tool node. All in one place and a lot easier to debug! Zero code!

It’s getting insanely easy to build complex multi-agent systems in n8n. You can now build supervisor agents that delegates tasks to specialized sub agents. Just add the sub agents via AI Agent Tool node. All in one place and a lot easier to debug! Zero code!

elvis

45,690 Aufrufe • vor 11 Monaten

INSANE: Grok 3 + Lovable = BEST AI Agent Apps!!!! Grok 3 generated the code for an AI agent that manages your Gmail - send, reply, and draft effortlessly Here's how it works: - Connect with your Gmail using Composio - Use Lovable to build an extremely cool frontend for the Agent - Agentic workflow with LlamaIndex Built with LlamaIndex 🦙 To connect your agents with more tools like Gmail, use

INSANE: Grok 3 + Lovable = BEST AI Agent Apps!!!! Grok 3 generated the code for an AI agent that manages your Gmail - send, reply, and draft effortlessly Here's how it works: - Connect with your Gmail using Composio - Use Lovable to build an extremely cool frontend for the Agent - Agentic workflow with LlamaIndex Built with LlamaIndex 🦙 To connect your agents with more tools like Gmail, use

Karan Vaidya

62,030 Aufrufe • vor 1 Jahr

108 workflow templates you can use to build AI applications without writing any code. You can use these templates with n8n. I recorded the attached video to show you how it works. n8n is the workhorse behind an open-source, self-hosted AI starter kit you can install on your computer. They are sponsoring this post. Here is the link to the starter kit repository: And here is the spreadsheet with the 108 templates: Whatever idea you have, search for something similar in the list of templates, and you'll save a ton of time. Lately, I've talked to many non-coders who want to start using AI more seriously to build things. n8n is perfect for that.

108 workflow templates you can use to build AI applications without writing any code. You can use these templates with n8n. I recorded the attached video to show you how it works. n8n is the workhorse behind an open-source, self-hosted AI starter kit you can install on your computer. They are sponsoring this post. Here is the link to the starter kit repository: And here is the spreadsheet with the 108 templates: Whatever idea you have, search for something similar in the list of templates, and you'll save a ton of time. Lately, I've talked to many non-coders who want to start using AI more seriously to build things. n8n is perfect for that.

Santiago

78,133 Aufrufe • vor 1 Jahr

Your AI agents are giving you generic outputs because they have zero context... I just built a RAG workflow that ingests your data and creates a searchable database that your AI can reference. Now your workflows will give precise, contextual responses instead of generic slop. Follow + comment "RAG" and I'll send you the complete n8n workflow.

Your AI agents are giving you generic outputs because they have zero context... I just built a RAG workflow that ingests your data and creates a searchable database that your AI can reference. Now your workflows will give precise, contextual responses instead of generic slop. Follow + comment "RAG" and I'll send you the complete n8n workflow.

Tom

51,484 Aufrufe • vor 1 Jahr

I made an agent using GitHub Copilot SDK to help me become a running influencer🏃🏾‍♀️✨ Here's the Python code you can use to build an agent that uses MCP and Skills to: - draft and send email - design pitch decks - make a website Copilot CLI then runs all of this in a workflow🐍

I made an agent using GitHub Copilot SDK to help me become a running influencer🏃🏾‍♀️✨ Here's the Python code you can use to build an agent that uses MCP and Skills to: - draft and send email - design pitch decks - make a website Copilot CLI then runs all of this in a workflow🐍

Marlene Mhangami

34,502 Aufrufe • vor 5 Monaten

Real estate agent and brokers. The recent ruling in Missouri is wrong, will only benefit litigators, ambulance, tracers, and I believe will be appealed. More importantly, this ruling will not negatively impact housing or buyers agents unless you allowed to iMessage to all homebuyers I have never as a professional real estate investor not used a buyers agent to represent me in a transaction. Even when the deal was off market, I hired an agent to represent me to make sure that all my rights were protected and that I got the best price. If you pay a bar’s agent is nothing compared to what they can get done for you as a buyer, I will never ask for a discount. I will always use the agent to go get that discount for me more importantly, or as importantly, I will always use the agent to keep the deal together. The purpose of the buyers agent is to find the right or best property in the right or best location at the right time at the best price. If you’re not using your buyer’s agent to achieve that or you’re hiring the wrong agent well, that’s on you. Hire the right agent pay them well and make them do their job. It will be well worth the money. #RealEstate #Buyers #BuyerAgent #RealEstateRuling #Commission

Real estate agent and brokers. The recent ruling in Missouri is wrong, will only benefit litigators, ambulance, tracers, and I believe will be appealed. More importantly, this ruling will not negatively impact housing or buyers agents unless you allowed to iMessage to all homebuyers I have never as a professional real estate investor not used a buyers agent to represent me in a transaction. Even when the deal was off market, I hired an agent to represent me to make sure that all my rights were protected and that I got the best price. If you pay a bar’s agent is nothing compared to what they can get done for you as a buyer, I will never ask for a discount. I will always use the agent to go get that discount for me more importantly, or as importantly, I will always use the agent to keep the deal together. The purpose of the buyers agent is to find the right or best property in the right or best location at the right time at the best price. If you’re not using your buyer’s agent to achieve that or you’re hiring the wrong agent well, that’s on you. Hire the right agent pay them well and make them do their job. It will be well worth the money. #RealEstate #Buyers #BuyerAgent #RealEstateRuling #Commission

Grant Cardone

51,494 Aufrufe • vor 2 Jahren

Here is a step-by-step introduction to building a workflow with a custom AI agent that uses MCP. I explain every component in the video: 1. Building the MCP server 2. Building the agent and an MCP client 3. Building a workflow that uses the agent The goal is simple: Generate a dialogue between two people and make one yell and the other answer with sarcasm. Kestra is sponsoring this video. They are an open-source orchestration platform (repo link below), and I used them to build the workflow that connects every component.

Here is a step-by-step introduction to building a workflow with a custom AI agent that uses MCP. I explain every component in the video: 1. Building the MCP server 2. Building the agent and an MCP client 3. Building a workflow that uses the agent The goal is simple: Generate a dialogue between two people and make one yell and the other answer with sarcasm. Kestra is sponsoring this video. They are an open-source orchestration platform (repo link below), and I used them to build the workflow that connects every component.

Santiago

51,527 Aufrufe • vor 1 Jahr

A screen recording is the best context you can give an AI agent. It's also the worst. A few seconds of video is thousands of images. Feed that to an agent and you instantly blow up its memory. So I built a tool that fixes it. How it works: Hit record and just do your thing. Click around, type, and talk out loud about what you're doing. While you record, it quietly captures the stuff that actually matters: your voice transcription, every click and the exact thing you clicked, what you typed, and the shortcuts you press. When you stop, it doesn't hand the agent the whole video. It writes a short, readable summary: a timeline of what you said and did. The agent reads that tiny summary first. Then, only when it needs to actually see a moment, it pulls that one exact frame from the video, like flipping to a single page instead of reading the whole book. The result: the agent understands everything you did! Full context. Less tokens.

A screen recording is the best context you can give an AI agent. It's also the worst. A few seconds of video is thousands of images. Feed that to an agent and you instantly blow up its memory. So I built a tool that fixes it. How it works: Hit record and just do your thing. Click around, type, and talk out loud about what you're doing. While you record, it quietly captures the stuff that actually matters: your voice transcription, every click and the exact thing you clicked, what you typed, and the shortcuts you press. When you stop, it doesn't hand the agent the whole video. It writes a short, readable summary: a timeline of what you said and did. The agent reads that tiny summary first. Then, only when it needs to actually see a moment, it pulls that one exact frame from the video, like flipping to a single page instead of reading the whole book. The result: the agent understands everything you did! Full context. Less tokens.

Milind S

12,333 Aufrufe • vor 15 Tagen

This agent relies on a marketplace of 2.8M+ specialized agents to complete a task. This is how I imagine the future of personal agents. Here is how this works: 1. Agentverse is a marketplace of agents 2. Anyone can build and publish an agent there 3. ASI:One is a personal agent with access to the marketplace 4. To solve a task, ASI:One finds the best agent for the job In other words: You have an agent that can solve pretty much *anything* because it knows how to outsource the work to a network of specialized agents. And you don't need to do any setup to get this working. The way ranking agents in the marketplace works is pretty cool: Fetch.ai, the company behind it, created an AgentRank algorithm that works much like Google's PageRank. Every time an agent calls another, it forms a connection. Over time, these connections build into a graph of who relies on whom. An agent that is frequently called by other reputable agents scores higher and surfaces higher in results. The end result here is that your agent will consistently use the best agents in the marketplace to accomplish a goal. You should give this a try: You don't need to pay or even register to try these agents. Thanks to the team for partnering with me on this post.

This agent relies on a marketplace of 2.8M+ specialized agents to complete a task. This is how I imagine the future of personal agents. Here is how this works: 1. Agentverse is a marketplace of agents 2. Anyone can build and publish an agent there 3. ASI:One is a personal agent with access to the marketplace 4. To solve a task, ASI:One finds the best agent for the job In other words: You have an agent that can solve pretty much anything because it knows how to outsource the work to a network of specialized agents. And you don't need to do any setup to get this working. The way ranking agents in the marketplace works is pretty cool: Fetch.ai, the company behind it, created an AgentRank algorithm that works much like Google's PageRank. Every time an agent calls another, it forms a connection. Over time, these connections build into a graph of who relies on whom. An agent that is frequently called by other reputable agents scores higher and surfaces higher in results. The end result here is that your agent will consistently use the best agents in the marketplace to accomplish a goal. You should give this a try: You don't need to pay or even register to try these agents. Thanks to the team for partnering with me on this post.

Santiago

18,677 Aufrufe • vor 20 Tagen

This little device lets your agents do what they do best, whilst making sure you approve every important action. This is a Ledger Nano Gen5, a hardware signer that keeps your accounts secure. You can install a CLI and a set of skills in your projects. These will enable your agents to send their plan to the signer, so you can approve it. This is awesome: 1. You can have an automated agentic workflow 2. Your agents can't make costly mistakes Check the video I recorded to see how this works. You can run all of this in two commands: 1. Install the CLI 2. Install the skills for your agent From here, the agent can query my Ethereum accounts, check balances, and even initiate transactions as long as my Ledger Nano Gen5 is plugged into the computer. My keys are never stored in my computer and never shared with the agent. This is huge! Also, while the agent can set up transactions, it can't execute them unless a human approves them using the device. Pretty awesome! Thanks to the Ledger team for partnering with me on this post.

This little device lets your agents do what they do best, whilst making sure you approve every important action. This is a Ledger Nano Gen5, a hardware signer that keeps your accounts secure. You can install a CLI and a set of skills in your projects. These will enable your agents to send their plan to the signer, so you can approve it. This is awesome: 1. You can have an automated agentic workflow 2. Your agents can't make costly mistakes Check the video I recorded to see how this works. You can run all of this in two commands: 1. Install the CLI 2. Install the skills for your agent From here, the agent can query my Ethereum accounts, check balances, and even initiate transactions as long as my Ledger Nano Gen5 is plugged into the computer. My keys are never stored in my computer and never shared with the agent. This is huge! Also, while the agent can set up transactions, it can't execute them unless a human approves them using the device. Pretty awesome! Thanks to the Ledger team for partnering with me on this post.

Santiago

43,749 Aufrufe • vor 26 Tagen

When your tool is open source and free, your creativity has no ceiling. The ComfyUI skill in Nous Research Hermes Agent lets you compose sophisticated workflows by chatting to an agent. Try it today.

When your tool is open source and free, your creativity has no ceiling. The ComfyUI skill in Nous Research Hermes Agent lets you compose sophisticated workflows by chatting to an agent. Try it today.

ComfyUI

162,951 Aufrufe • vor 2 Monaten

Automation tools like Zapier & N8N are powerful, but let's be honest: they're overwhelming for a non-technical sales team that wants to close deals fast. You just want to connect your CRM to your contracts and proposals. You don't want to learn a complex tool or hire a freelancer to do it. We're building Docsyde to fix this. Tell our AI agent "Doc" what you want, in plain English. And watch it build the entire workflow in seconds 👇🏾

Automation tools like Zapier & N8N are powerful, but let's be honest: they're overwhelming for a non-technical sales team that wants to close deals fast. You just want to connect your CRM to your contracts and proposals. You don't want to learn a complex tool or hire a freelancer to do it. We're building Docsyde to fix this. Tell our AI agent "Doc" what you want, in plain English. And watch it build the entire workflow in seconds 👇🏾

timi the chef 👨🏾‍🍳

19,482 Aufrufe • vor 8 Monaten

You can create an AI Agent that answers your email with a few clicks. 1. Go to ChatLLM ( 2. Click on AI Engineer 3. Select Create an AI Agent 4. Choose the Email Answering Agent ChatLLM will do the rest: it will code, test, and deploy the agent for you. You can also create a custom agent in English. The Agent Economy is coming (somebody should write a book and use this title.) We are going to see examples like this, times 1,000 in 2025. Just think about how many repetitive tasks you perform every day. Some of these tasks are involved enough that we couldn't automate them with pre-AI solutions. That's where we'll see agents explode, and I'm here for it.

You can create an AI Agent that answers your email with a few clicks. 1. Go to ChatLLM ( 2. Click on AI Engineer 3. Select Create an AI Agent 4. Choose the Email Answering Agent ChatLLM will do the rest: it will code, test, and deploy the agent for you. You can also create a custom agent in English. The Agent Economy is coming (somebody should write a book and use this title.) We are going to see examples like this, times 1,000 in 2025. Just think about how many repetitive tasks you perform every day. Some of these tasks are involved enough that we couldn't automate them with pre-AI solutions. That's where we'll see agents explode, and I'm here for it.

Santiago

79,974 Aufrufe • vor 1 Jahr