正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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... iteratively this way you can repeatedly rip apart the frontend for ideation without worrying about breaking changes to the backend. i really like asking for an open ended "job to be done" (i.e. place a bet with a single tap) with 5-10 variations to feel. it's the modern day wireframing. it's still UI slop but i can get ideas in my head out faster and reveal design shortcomings before polishing or worrying about making components functional. and because the v0 prototype gets you to functional ai features and backend integration fastest, you have both a technical and conceptual reference to use in your agentic planning so your v1 is more predictable with minimal effort.show more

0xDesigner

56,457 subscribers

14,912 次观看 • 7 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

🚨 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.

🚨 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 次观看 • 9 个月前

It takes 5 minutes to create a world-class web research agent that runs 24/7 and returns structured search results. 1. You can limit the sources it's allowed to use 2. You can specify the goals it needs to complete 3. You can design the format structure of the results 4. You can configure how much computing power it will use I show you how to set up a Web Search Agent in the video. A few benefits here: 1. This is great for complex research tasks 2. It's really easy to add this like a LEGO piece to a more complex workflow 3. Create an agent once, and reuse it with different inputs 4. The agent adapts to your use case as you work with it By the way, Nimble published a whole library of templates and research agents you can reuse and modify. You can start sending queries to one of these existing agents, and it will begin to adapt to Go here to try it out: Thanks to the Nimble team for partnering with me on this post.

It takes 5 minutes to create a world-class web research agent that runs 24/7 and returns structured search results. 1. You can limit the sources it's allowed to use 2. You can specify the goals it needs to complete 3. You can design the format structure of the results 4. You can configure how much computing power it will use I show you how to set up a Web Search Agent in the video. A few benefits here: 1. This is great for complex research tasks 2. It's really easy to add this like a LEGO piece to a more complex workflow 3. Create an agent once, and reuse it with different inputs 4. The agent adapts to your use case as you work with it By the way, Nimble published a whole library of templates and research agents you can reuse and modify. You can start sending queries to one of these existing agents, and it will begin to adapt to Go here to try it out: Thanks to the Nimble team for partnering with me on this post.

Santiago

20,943 次观看 • 15 天前

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!

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,716,052 次观看 • 3 年前

You can now create a REAL-TIME chatbot with any voice and customize its personality. Steps: 1. Go to ElevenLabs 2. Click on voices 3. you can type in a name for the voice 4. then you can drag in an audio file to use for your voice 5. then go to the agents tab in side panel 6. and create a new agent 7. the voice 8. Create system instructions 9. Optional (Upload knowledge docs) 10. Test This can be easily implemented into your applications. I'll make a tutorial on that soon.

You can now create a REAL-TIME chatbot with any voice and customize its personality. Steps: 1. Go to ElevenLabs 2. Click on voices 3. you can type in a name for the voice 4. then you can drag in an audio file to use for your voice 5. then go to the agents tab in side panel 6. and create a new agent 7. the voice 8. Create system instructions 9. Optional (Upload knowledge docs) 10. Test This can be easily implemented into your applications. I'll make a tutorial on that soon.

Riley Brown

40,108 次观看 • 1 年前

🚨 Create Your Own Custom Coding Agent - Mix Fable 5, GPT 5.6 sol and Grok 4.5! Our newest feature allows you to mix and match your favorite LLMs and create your custom coding agent Create your favorite cocktail such as - Fable 5 for hard coding - 5.6 sol for backend - Opus 4.8 for frontend - Grok 4.5 for easy coding You can also only choose cheap LLMs for a cost optimized experience. Your use custom agent in API, chat or our agent platform

🚨 Create Your Own Custom Coding Agent - Mix Fable 5, GPT 5.6 sol and Grok 4.5! Our newest feature allows you to mix and match your favorite LLMs and create your custom coding agent Create your favorite cocktail such as - Fable 5 for hard coding - 5.6 sol for backend - Opus 4.8 for frontend - Grok 4.5 for easy coding You can also only choose cheap LLMs for a cost optimized experience. Your use custom agent in API, chat or our agent platform

Bindu Reddy

7,780,759 次观看 • 1 个月前

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

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

471,049 次观看 • 2 个月前

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.

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

221,030 次观看 • 10 个月前

I built a variant of Matt Pocock's grilling skill dedicated to frontend and it has improved how I build new apps and components. The general idea: 1. Use /grilling and /prototype as a base 2. Tell Claude to build 5 WILDLY different prototypes 3. Tell Claude to include a picker that lets you switch between each variant live 4. Each round you select your favorite(s) + leave feedback, and Claude will walk down each branch of the design tree, helping you zoom in on your desired design And THEN, I went and added it to /wayfinder, so whenever I make a new map and there's novel frontend work, a ticket is created specifically referencing that /grilling-frontend-prototyping needs to be invoked. This will not be the last time I build a cool skill and add it to Wayfinder; this is a very powerful pattern for planning work. You can find my skill here:

I built a variant of Matt Pocock's grilling skill dedicated to frontend and it has improved how I build new apps and components. The general idea: 1. Use /grilling and /prototype as a base 2. Tell Claude to build 5 WILDLY different prototypes 3. Tell Claude to include a picker that lets you switch between each variant live 4. Each round you select your favorite(s) + leave feedback, and Claude will walk down each branch of the design tree, helping you zoom in on your desired design And THEN, I went and added it to /wayfinder, so whenever I make a new map and there's novel frontend work, a ticket is created specifically referencing that /grilling-frontend-prototyping needs to be invoked. This will not be the last time I build a cool skill and add it to Wayfinder; this is a very powerful pattern for planning work. You can find my skill here:

WILL NESS

218,432 次观看 • 1 个月前

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³

14,157 次观看 • 3 个月前

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.

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,884 次观看 • 6 个月前

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.

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,922 次观看 • 8 个月前

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

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 次观看 • 4 个月前

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.

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 次观看 • 9 个月前

I vibe-coded an AI agent for making presentations 🤖🖼️ - accessible to everyone and open-source! You can upload both your context files, as well as a style template (a file that captures the style of the presentation you want to create). Then you launch a prompt and watch the agent one-shot your presentation. After the presentation is generated, you can edit the text inline, chat with the agent to add/modify/delete slides, and export to Powerpoint or PDF. Built with Claude Code, powered by Claude Agent SDK + LlamaParse. Hosted on Vercel/Render. To use it, you do need to specify your LlamaCloud API key and Anthropic API key (see below). App: Repo: Sign up to LlamaCloud:

I vibe-coded an AI agent for making presentations 🤖🖼️ - accessible to everyone and open-source! You can upload both your context files, as well as a style template (a file that captures the style of the presentation you want to create). Then you launch a prompt and watch the agent one-shot your presentation. After the presentation is generated, you can edit the text inline, chat with the agent to add/modify/delete slides, and export to Powerpoint or PDF. Built with Claude Code, powered by Claude Agent SDK + LlamaParse. Hosted on Vercel/Render. To use it, you do need to specify your LlamaCloud API key and Anthropic API key (see below). App: Repo: Sign up to LlamaCloud:

Jerry Liu

21,073 次观看 • 6 个月前

i'm tired of AI tools for the frontend that don't actually work like I need AI needs to have knowledge of my own components, design systems, etc - and use them we're about to change this in a big way... claim your ticket to not miss out:

i'm tired of AI tools for the frontend that don't actually work like I need AI needs to have knowledge of my own components, design systems, etc - and use them we're about to change this in a big way... claim your ticket to not miss out:

Steve (Builder.io)

31,215 次观看 • 2 年前

New to Featured Workflows: Seamless Transitions. Now you can create multiple generations with a single consistent subject interacting with different objects across various scenes and environments. All in a single, easy to use Workflow without the need for complex prompting. Explore the full collection of Featured Workflows or create your own at

New to Featured Workflows: Seamless Transitions. Now you can create multiple generations with a single consistent subject interacting with different objects across various scenes and environments. All in a single, easy to use Workflow without the need for complex prompting. Explore the full collection of Featured Workflows or create your own at

Runway

52,203 次观看 • 7 个月前