Loading video...

Video Failed to Load

Go Home

working theory for a new vibe code workflow: 1. create a proof of concept in v0 2. move to github and clone in a local repo 3. use as ref for agent planning 4. create a backend directory to test API plumbing 5. create a frontend directory to prototype...

0xDesigner's profile picture

0xDesigner

56,789 subscribers

14,815 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

🚨 ANNOUNCING THE WORLD'S FIRST VIBE CODING AGENT FOR APIs. Vibe coders just became LEGIT backend engineers. With ONE PROMPT, you can create an entire microservice and host it on Abacus AI Deep Agent. Vibe coders can now go toe-to-toe with backend engineers and create an API, a Telegram bot, or any AI service. The AI takes care of everything. - creating an API spec - implementing it and hosting it - using a back-end database for tracking - giving you a test bed - providing you with a ready-to-use endpoint! Backend engineers are expensive; now you can start vibe-coding their projects in English.
0:47

🚨 ANNOUNCING THE WORLD'S FIRST VIBE CODING AGENT FOR APIs. Vibe coders just became LEGIT backend engineers. With ONE PROMPT, you can create an entire microservice and host it on Abacus AI Deep Agent. Vibe coders can now go toe-to-toe with backend engineers and create an API, a Telegram bot, or any AI service. The AI takes care of everything. - creating an API spec - implementing it and hosting it - using a back-end database for tracking - giving you a test bed - providing you with a ready-to-use endpoint! Backend engineers are expensive; now you can start vibe-coding their projects in English.

Bindu Reddy

11,800 views • 7 months ago

text to app AI agent is going crazy I just made a Tinder for Founders, it's fully functional.. Emergent built the frontend, backend, authorisation and the UI in 15 minutes step by step tutorial:
0:21

text to app AI agent is going crazy I just made a Tinder for Founders, it's fully functional.. Emergent built the frontend, backend, authorisation and the UI in 15 minutes step by step tutorial:

el.cine

36,658 views • 1 year ago

This is just insane… My GPT-4 coding assistant can now: - build and design a frontend - create a backend with working db - correctly hook them up - upload code to GitHub - deploy it to Vercel I can now build *complete* apps with nothing more than my voice. The future is here!
5:41

This is just insane… My GPT-4 coding assistant can now: - build and design a frontend - create a backend with working db - correctly hook them up - upload code to GitHub - deploy it to Vercel I can now build *complete* apps with nothing more than my voice. The future is here!

Mckay Wrigley

5,715,375 views • 3 years ago

I just used Cursor agent to build a fully functional app with: · a supabase backend · a nextjs + shadcn frontend · an OpenAI integration ...all in one prompt! 🤯
2:41

I just used Cursor agent to build a fully functional app with: · a supabase backend · a nextjs + shadcn frontend · an OpenAI integration ...all in one prompt! 🤯

Moritz Kremb

145,161 views • 1 year ago

"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 send data to your n8n webhook url and then await its response. Make sure that the trigger of your agent workflow is a webhook. His workflow was an agent that has access to fal workflows... Each tool is like a different creative "skill" that the AI agent can call when necessary. This will get much easier to create when VibeCode releases their official n8n integration.
0:48

"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 send data to your n8n webhook url and then await its response. Make sure that the trigger of your agent workflow is a webhook. His workflow was an agent that has access to fal workflows... Each tool is like a different creative "skill" that the AI agent can call when necessary. This will get much easier to create when VibeCode releases their official n8n integration.

Learn to VibeCode

18,981 views • 1 year ago

Want to create beautiful, high-converting landing pages like this without spending days in Figma or Webflow? Here's my AI-first workflow: Start with Claude Have Claude interview you about the product, audience, positioning, features, concerns and tradeoffs using this prompt: "Create me a plan file for [Product Idea] and interview me in detail using the AskUserQuestionTool about literally anything: technical implementation, UI & UX, concerns, tradeoffs, etc." Turn the plan into a prototype Use the plan file to generate a working prototype and pull inspiration, layouts and motion ideas from Generate the landing page in code Skip static mockups and build directly in the browser. Run a design review Use the Design Review skill to identify hierarchy, spacing, branding, usability and accessibility issues. Iterate relentlessly Keep refining until it feels designed and polished, not generated. The future isn't designers vs AI. It's builders with great taste using AI as leverage. Anyone can generate. Taste is the moat. Follow for more AI design and vibe coding workflows. And if you want more practical systems like this, my book 'Think. Prompt. Create.' is available now on Amazon
0:58

Want to create beautiful, high-converting landing pages like this without spending days in Figma or Webflow? Here's my AI-first workflow: Start with Claude Have Claude interview you about the product, audience, positioning, features, concerns and tradeoffs using this prompt: "Create me a plan file for [Product Idea] and interview me in detail using the AskUserQuestionTool about literally anything: technical implementation, UI & UX, concerns, tradeoffs, etc." Turn the plan into a prototype Use the plan file to generate a working prototype and pull inspiration, layouts and motion ideas from Generate the landing page in code Skip static mockups and build directly in the browser. Run a design review Use the Design Review skill to identify hierarchy, spacing, branding, usability and accessibility issues. Iterate relentlessly Keep refining until it feels designed and polished, not generated. The future isn't designers vs AI. It's builders with great taste using AI as leverage. Anyone can generate. Taste is the moat. Follow for more AI design and vibe coding workflows. And if you want more practical systems like this, my book 'Think. Prompt. Create.' is available now on Amazon

Joey Primiani

470,774 views • 23 days ago

Nano Banana is now live in Search, so you can use Lens & AI Mode to instantly transform photos with our latest image editing model. Here’s a guide to get you started: 1. Open Lens in the Google app for Android and iOS. 2. Tap the new Create mode — look for the yellow banana 🍌 3. Try a suggested prompt, like “make a photo booth pic of me.” 4. Or, snap a picture and describe the edits you’re looking for. 5. Use follow-ups to keep editing, or share the image with family and friends.
0:23

Nano Banana is now live in Search, so you can use Lens & AI Mode to instantly transform photos with our latest image editing model. Here’s a guide to get you started: 1. Open Lens in the Google app for Android and iOS. 2. Tap the new Create mode — look for the yellow banana 🍌 3. Try a suggested prompt, like “make a photo booth pic of me.” 4. Or, snap a picture and describe the edits you’re looking for. 5. Use follow-ups to keep editing, or share the image with family and friends.

Google

220,932 views • 8 months ago

This is the best way to build UI with AI. Use Cursor + V0. With a custom prompt (below), you can easily trigger V0 to create beautiful interfaces for you directly from Cursor Composer. Watch this insane building hack.
4:39

This is the best way to build UI with AI. Use Cursor + V0. With a custom prompt (below), you can easily trigger V0 to create beautiful interfaces for you directly from Cursor Composer. Watch this insane building hack.

Mckay Wrigley

692,768 views • 1 year ago

You can now edit images in design mode in v0. Select an image and regenerate to get a new version, or use "Prompt to Edit" to describe specific changes.
0:22

You can now edit images in design mode in v0. Select an image and regenerate to get a new version, or use "Prompt to Edit" to describe specific changes.

v0

16,594 views • 8 months ago

How to build a brand from scratch using Paper, Codex + GPT image model 2 Since two weeks back, I´ve done most of my design work in paper And I´m genuinely impressed by what you can do with their MCP Combined with claude & codex you can pretty much build out a brand in an hour or two 1. Brainstorm a name for you product or service 2. find a good design system you can iterate on or come up with one from scratch 3. create a moodboard of things you like and want the brand to be about (images, colors, shapes, elements, you name it) inside paper 4. select the moodboard and prompt codex to create a brand brief (hooked up to paper mcp) to create the inital brand book in code 5. Use the new brand book you created and copy as PNG, take that image into ChatGPT and use GPT model 2 (with the brand prompt) to create the brand book 6. You will get a finished and well-done 10 paged brand book Now you can use that to create anything in line with the brand: Landing pags, lead magnets, ads, anything you can think of Comment "bookmarkable" + RT and I´ll send you the brand prompt and step by step guide in DMs.
1:09

How to build a brand from scratch using Paper, Codex + GPT image model 2 Since two weeks back, I´ve done most of my design work in paper And I´m genuinely impressed by what you can do with their MCP Combined with claude & codex you can pretty much build out a brand in an hour or two 1. Brainstorm a name for you product or service 2. find a good design system you can iterate on or come up with one from scratch 3. create a moodboard of things you like and want the brand to be about (images, colors, shapes, elements, you name it) inside paper 4. select the moodboard and prompt codex to create a brand brief (hooked up to paper mcp) to create the inital brand book in code 5. Use the new brand book you created and copy as PNG, take that image into ChatGPT and use GPT model 2 (with the brand prompt) to create the brand book 6. You will get a finished and well-done 10 paged brand book Now you can use that to create anything in line with the brand: Landing pags, lead magnets, ads, anything you can think of Comment "bookmarkable" + RT and I´ll send you the brand prompt and step by step guide in DMs.

Shann³

13,718 views • 1 month ago

it's crazy.. you can now create full SaaS apps from a single prompt AppLLM handles the backend, auth, and UI for you here’s what you can build: 1. clone Notion with roles & permissions
0:33

it's crazy.. you can now create full SaaS apps from a single prompt AppLLM handles the backend, auth, and UI for you here’s what you can build: 1. clone Notion with roles & permissions

Nelly;

227,118 views • 11 months ago

AI is making software development easier than ever. One day, maybe all SaaS will provide only an API key, with no user interface, and your AI will create the interface within your OS. Maybe it's a crazy idea, but it sounds possible (and awesome), so I gave it a try: I shipped 18 new API endpoints for my web analytics SaaS DataFast ✨ All your website data is accessible programmatically: unique visitors, total revenue, pages visited, countries, etc... That way, you can vibe code an entire analytics dashboard with a 1 prompt without worrying about the complexity of the backend! If you build something on top of it, please DM me. I'd love to check it out.
1:01

AI is making software development easier than ever. One day, maybe all SaaS will provide only an API key, with no user interface, and your AI will create the interface within your OS. Maybe it's a crazy idea, but it sounds possible (and awesome), so I gave it a try: I shipped 18 new API endpoints for my web analytics SaaS DataFast ✨ All your website data is accessible programmatically: unique visitors, total revenue, pages visited, countries, etc... That way, you can vibe code an entire analytics dashboard with a 1 prompt without worrying about the complexity of the backend! If you build something on top of it, please DM me. I'd love to check it out.

Marc Lou

134,775 views • 4 months ago

This is literally the easiest way to build an AI agent. Zero code. You only need to run a couple of commands. (I've said this before, but Google ADK is my favorite way to build code-first agents.) Here is what you need to do: 1. Open your terminal and create an empty folder 2. Run `uv init` inside the folder (if you don't have uv installed, you are really missing out!) 3. Install the google-adk library using the following command: `uv add google-adk`. 4. At this point, you can use the ask to create your agent with a single command: `uv run adk create --type=config my_agent`. This will ask you a couple of questions, including your GEMINI_API_KEY (you can create one online). 5. The command above will create a my_agent/root_agent.yaml file. Open it and add the following two lines at the end of the file so your agent can use Google to search for stuff: tools: - name: google_search 6. You have everything you need now. Run the adk web interface and start playing with your agent: `uv run adk web` That's it! Literally zero code. The agent works off the YAML configuration file.
1:33

This is literally the easiest way to build an AI agent. Zero code. You only need to run a couple of commands. (I've said this before, but Google ADK is my favorite way to build code-first agents.) Here is what you need to do: 1. Open your terminal and create an empty folder 2. Run `uv init` inside the folder (if you don't have uv installed, you are really missing out!) 3. Install the google-adk library using the following command: `uv add google-adk`. 4. At this point, you can use the ask to create your agent with a single command: `uv run adk create --type=config my_agent`. This will ask you a couple of questions, including your GEMINI_API_KEY (you can create one online). 5. The command above will create a my_agent/root_agent.yaml file. Open it and add the following two lines at the end of the file so your agent can use Google to search for stuff: tools: - name: google_search 6. You have everything you need now. Run the adk web interface and start playing with your agent: `uv run adk web` That's it! Literally zero code. The agent works off the YAML configuration file.

Santiago

140,737 views • 6 months ago

One of my favorite features in new.website is that you can create a site with a fully functional form (no backend needed) ✨
1:09

One of my favorite features in new.website is that you can create a site with a fully functional form (no backend needed) ✨

bani

64,649 views • 1 year ago

Your Google Maps listing gets views… but you don’t own the traffic. Build a full website or app from a single prompt with Autocoder. Autocoder generates frontend, backend, and database instantly — giving you a ready-to-deploy product in minutes. Features: Prompt → Full App → Deployment ☑️ Fully exportable frontend + backend code ☑️ Export complete source code ☑️ Instant custom domain launch ☑️ Templates for cafes, portfolios, e-commerce & local businesses ☑️ Built-in admin dashboard (manage content, users, bookings) 📈 Turn Google Maps traffic into your own website visitors with Autocoder. ⚡ What you get: • Ready-to-use backend + database (no developer needed) • Built-in admin dashboard to manage content, users, and bookings • Scalable workflow for building sites for multiple local businesses • Full source code export for Pro users to modify or extend AutoCoder.cc #Autocoder #AIWeb #NoCodeAI #WebGenerator
1:08

Your Google Maps listing gets views… but you don’t own the traffic. Build a full website or app from a single prompt with Autocoder. Autocoder generates frontend, backend, and database instantly — giving you a ready-to-deploy product in minutes. Features: Prompt → Full App → Deployment ☑️ Fully exportable frontend + backend code ☑️ Export complete source code ☑️ Instant custom domain launch ☑️ Templates for cafes, portfolios, e-commerce & local businesses ☑️ Built-in admin dashboard (manage content, users, bookings) 📈 Turn Google Maps traffic into your own website visitors with Autocoder. ⚡ What you get: • Ready-to-use backend + database (no developer needed) • Built-in admin dashboard to manage content, users, and bookings • Scalable workflow for building sites for multiple local businesses • Full source code export for Pro users to modify or extend AutoCoder.cc #Autocoder #AIWeb #NoCodeAI #WebGenerator

Ai With Piyas

20,612 views • 2 months ago

The new Open in v0 lets you take your components to v0 for prompting. My new workflow is component to v0 to editor. You can try it now on
0:40

The new Open in v0 lets you take your components to v0 for prompting. My new workflow is component to v0 to editor. You can try it now on

shadcn

173,352 views • 1 year ago

Two new skills this week! - /handoff compacts your current session to a markdown file - /prototype helps you prototype anything - UI or backend And a bunch more updates. Here's the changelog:
12:45

Two new skills this week! - /handoff compacts your current session to a markdown file - /prototype helps you prototype anything - UI or backend And a bunch more updates. Here's the changelog:

Matt Pocock

143,876 views • 1 month ago

Nothing beats open-source! We now have a fully open-source coding agent that can compete with any proprietary solution out there: • 500+ available models • It doesn't train on your code • It doesn't charge a penny for tokens • It's open. You can change if you want. Kilo Code is the #1 app on OpenRouter right now, and the community is releasing new features on GitHub at rocket speed (about 20 releases in the last 30 days). I installed it in Visual Studio Code, but you can install it in pretty much any IDE. I need to spend more time with it, but here is a very interesting design choice: Most coding agents support two modes: an "agentic" mode for writing code and an "ask" mode for talking to the model without making any changes. Kilo Code supports 5 different modes: 1. Architect mode - Research, design, and planning 2. Debug mode - Problem solving and troubleshooting 3. Code mode - To write code. 4. Ask mode - To talk to the model. 5. Orchestrator mode - Combine every agent to solve problems. On paper, I really like this. I'll need more time to try out the specialized agents and see whether niching becomes an advantage. Here is the link to the website: Thanks to the Kilo for partnering with me on this post.
6:17

Nothing beats open-source! We now have a fully open-source coding agent that can compete with any proprietary solution out there: • 500+ available models • It doesn't train on your code • It doesn't charge a penny for tokens • It's open. You can change if you want. Kilo Code is the #1 app on OpenRouter right now, and the community is releasing new features on GitHub at rocket speed (about 20 releases in the last 30 days). I installed it in Visual Studio Code, but you can install it in pretty much any IDE. I need to spend more time with it, but here is a very interesting design choice: Most coding agents support two modes: an "agentic" mode for writing code and an "ask" mode for talking to the model without making any changes. Kilo Code supports 5 different modes: 1. Architect mode - Research, design, and planning 2. Debug mode - Problem solving and troubleshooting 3. Code mode - To write code. 4. Ask mode - To talk to the model. 5. Orchestrator mode - Combine every agent to solve problems. On paper, I really like this. I'll need more time to try out the specialized agents and see whether niching becomes an advantage. Here is the link to the website: Thanks to the Kilo for partnering with me on this post.

Santiago

73,062 views • 7 months ago