Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Next.js devs: don't sleep on agent-browser and the new next-dev-loop skill in 16.3. Here is a demo of using it to fix a super tricky bug in a spreadsheet component. 00:00 Intro 01:52 Demo

bytegrad's profile picture

Wesley

1,779 subscribers

28,357 görüntüleme • 2 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

1 Yorum

Isaac Samuel profil fotoğrafı
Isaac Samuel2 ay önce

This is useful. The new next-dev-loop skill looks powerful for tricky component bugs.

Benzer Videolar

Learn "use workflow" in Next.js quickly. Game changer for background jobs, cron jobs, webhooks, etc. 00:00 Intro 01:10 Demo 06:15 "use workflow" 06:43 "use step" 10:19 Sequential vs parallel 10:44 Human-in-the-loop (hook) 13:03 sleep 17:00 Streaming 21:09 Observability
34:40

Learn "use workflow" in Next.js quickly. Game changer for background jobs, cron jobs, webhooks, etc. 00:00 Intro 01:10 Demo 06:15 "use workflow" 06:43 "use step" 10:19 Sequential vs parallel 10:44 Human-in-the-loop (hook) 13:03 sleep 17:00 Streaming 21:09 Observability

Wesley

16,022 görüntüleme • 11 ay önce

Give your AI agent a wallet on Base 00:00 intro 00:15 bankrbot 00:43 Coinbase Developer Platform🛡️ agent wallets 01:10 demo of my agent 02:00 how bankrbot wallet works 02:24 how Coinbase Developer Platform🛡️ wallets work 02:51 open-wallet skill by Stephan 03:20 requesting a spend permission
5:45

Give your AI agent a wallet on Base 00:00 intro 00:15 bankrbot 00:43 Coinbase Developer Platform🛡️ agent wallets 01:10 demo of my agent 02:00 how bankrbot wallet works 02:24 how Coinbase Developer Platform🛡️ wallets work 02:51 open-wallet skill by Stephan 03:20 requesting a spend permission

Youssef

43,332 görüntüleme • 8 ay önce

Testing Hermes with a wallet on Base 00:00 intro 01:00 setup and skills 02:40 spinning a wallet using Coinbase Developer Platform🛡️ 04:05 doing a swap 05:40 using in-built base skill 07:04 skills to build on base
9:27

Testing Hermes with a wallet on Base 00:00 intro 01:00 setup and skills 02:40 spinning a wallet using Coinbase Developer Platform🛡️ 04:05 doing a swap 05:40 using in-built base skill 07:04 skills to build on base

Youssef

17,471 görüntüleme • 7 ay önce

We just launched Base MCP 🪐 Walking you through it in this demo: 00:00 intro 02:40 setup the mcp 03:25 installing the skill 04:46 Ibuka,Ryotaro demo 07:05 Virtuals Protocol demo 09:50 @uniswap demo Quickstart below 👇
13:18

We just launched Base MCP 🪐 Walking you through it in this demo: 00:00 intro 02:40 setup the mcp 03:25 installing the skill 04:46 Ibuka,Ryotaro demo 07:05 Virtuals Protocol demo 09:50 @uniswap demo Quickstart below 👇

Youssef

50,823 görüntüleme • 5 ay önce

Built something you want to reuse again? Ask the Framer Agent for a prompt to copy/paste in other projects. 00:03 Prompt reuse demo 00:15 Building a unique section 00:53 Ask the agent to create prompt 01:07 Prompt created to copy 01:21 Paste prompt to another site
1:47

Built something you want to reuse again? Ask the Framer Agent for a prompt to copy/paste in other projects. 00:03 Prompt reuse demo 00:15 Building a unique section 00:53 Ask the agent to create prompt 01:07 Prompt created to copy 01:21 Paste prompt to another site

Framer

12,492 görüntüleme • 1 ay önce

. Georgios Konstantopoulos shipped nanocodex: one agent brain in the cloud, every machine you own becomes a mounted directory. Madhavan (Maddy) asked if it wanted a browser that runs in a TEE. here is the demo using Reclaim Protocol 's popcorn. Handoff is the new primitive.
1:27

. Georgios Konstantopoulos shipped nanocodex: one agent brain in the cloud, every machine you own becomes a mounted directory. Madhavan (Maddy) asked if it wanted a browser that runs in a TEE. here is the demo using Reclaim Protocol 's popcorn. Handoff is the new primitive.

Harsha

55,562 görüntüleme • 1 ay önce

Introducing the new dev-browser cli. The fastest way for an agent to use a browser is to let it write code. Just `npm i -g dev-browser` and tell your agent to "use dev-browser"
0:30

Introducing the new dev-browser cli. The fastest way for an agent to use a browser is to let it write code. Just `npm i -g dev-browser` and tell your agent to "use dev-browser"

Sawyer Hood

871,559 görüntüleme • 7 ay önce

It has been a long time since I made a video. I am sharing a deep dive into 2fac, a new 2FA app I built to replace Authy. What makes this project special is its massive scope, running natively across Android, iOS, watchOS, desktop, CLI, browser extensions, and the web. Building this many features across so many platforms was only possible through agentic coding. Huge thanks to Copilot, Claude, OpenCode, and Pi for completely changing how I write software. Here is what is covered in the video. In the pre-AI world, so many features, taking it to such a polished state (ui, design, relialibility of how it works, and quality of code too, you can take a look for yourelf) single handedly, that too working on spare time on the side from a day job, was simply not possible for non 10x, mid engineers like me 00:00:00 Project Overview & Motivation 00:03:31 Android App Demo 00:04:19 iOS & watchOS App Demo 00:05:32 Desktop App Demo 00:06:05 System Tray Integration 00:07:05 CLI Demo 00:08:44 Browser Extension Demo 00:10:00 Web App (PWA) Demo 00:11:40 Secure Unlock & Passkeys 00:16:30 GitHub Repo & Release Plans 00:17:30 CI/CD Pipeline Setup 00:19:00 AI Agentic Coding Workflow 00:23:50 Production Usage Warning 00:26:00 Custom AI Agent Skills 00:28:30 Automated Planning & Roadmaps 00:31:14 UI Testing with Maestro 00:35:12 Creating Custom AI Agents 00:38:34 Codebase Test Coverage 00:41:30 AI-Driven TDD
43:11

It has been a long time since I made a video. I am sharing a deep dive into 2fac, a new 2FA app I built to replace Authy. What makes this project special is its massive scope, running natively across Android, iOS, watchOS, desktop, CLI, browser extensions, and the web. Building this many features across so many platforms was only possible through agentic coding. Huge thanks to Copilot, Claude, OpenCode, and Pi for completely changing how I write software. Here is what is covered in the video. In the pre-AI world, so many features, taking it to such a polished state (ui, design, relialibility of how it works, and quality of code too, you can take a look for yourelf) single handedly, that too working on spare time on the side from a day job, was simply not possible for non 10x, mid engineers like me 00:00:00 Project Overview & Motivation 00:03:31 Android App Demo 00:04:19 iOS & watchOS App Demo 00:05:32 Desktop App Demo 00:06:05 System Tray Integration 00:07:05 CLI Demo 00:08:44 Browser Extension Demo 00:10:00 Web App (PWA) Demo 00:11:40 Secure Unlock & Passkeys 00:16:30 GitHub Repo & Release Plans 00:17:30 CI/CD Pipeline Setup 00:19:00 AI Agentic Coding Workflow 00:23:50 Production Usage Warning 00:26:00 Custom AI Agent Skills 00:28:30 Automated Planning & Roadmaps 00:31:14 UI Testing with Maestro 00:35:12 Creating Custom AI Agents 00:38:34 Codebase Test Coverage 00:41:30 AI-Driven TDD

Arnav Gupta

109,905 görüntüleme • 7 ay önce

For over a year, Jeremy Howard has been in stealth mode. In this exclusive talk, he showcases what he's been working on. He & Jonathan Whitaker show us SolveIt, a new dev environment and programming paradigm. 🤯 Imagine this workflow: - Build a web app & interact with its UI on the same screen as your code. No more flipping to a separate browser. - Use live variables from your REPL directly in prompts to the AI. The AI knows your current state. - Turn any Python function into an AI tool instantly. No no registering tools or MCP. Just write a function in a cell and tell the AI to use it. This is a live, malleable environment that fuses the best ideas from Literate Programming (Knuth), the live-object world of Smalltalk, and the interactive cells of Jupyter. Who is Solveit for? Jeremy's take: SolveIt is best for programmers who are either very new ( 20 years). Why? Because developers in the middle (3-20 years) often have ingrained workflows and can find this different paradigm confronting. New devs are open-minded and build good habits from scratch, while veterans immediately recognize how this approach solves decades-old problems of complexity and state management. My Thoughts It's early days, but it is super cool. You get all the fun of trying a new programming language without learning new syntax (Python), because it will show you new patterns and ways of doing this. If you are wiling to climb the learning curve it is an extremely powerful tool that you can be productive with on real tasks like writing and coding. I'm personally addicted to it for several workflows and am afraid of losing it tbh. How Can You Try It? Just follow Jeremy Howard - he will announce something in the coming weeks or months (I suspect if this post is popular he might do something soon 🤣 ) TIMESTAMPS (00:00:00) - Introduction (00:00:30) - The SolveIt Method vs. "Vibe Coding" (00:04:00) - Investing in Yourself: Long-Term Skill Building (00:07:45) - Software Engineering vs. Short-Term Gains (00:12:15) - The Problem-Solving Loop: Understand, Plan, Implement, Review (00:18:50) - Example: Literate Programming with the Claudette Library (00:24:15) - First Look at the SolveIt Environment (00:28:34) - Demo Start: Building an Eval for Multimodal Models (00:31:16) - Iterative Development: Exploring the iNaturalist API (00:39:15) - Catching Bugs Instantly by Working Step-by-Step (00:43:37) - Prompting LLMs with Structured Outputs (00:51:54) - Demo: Building a Live Web App Inside SolveIt with FastHTML (01:00:24) - Demo: Exploring a Complex API (Cloudflare) (01:08:45) - Creating Custom AI Agent Tools with Zero Boilerplate (01:19:00) - SolveIt Ergonomics: Modes, Secrets, and Keyboard Shortcuts (01:28:30) - The Power of the SolveIt Community (01:30:45) - Who Should Use SolveIt? (01:34:30) - This is Just the Tip of the Iceberg YT Video and links in reply
1:36:14

For over a year, Jeremy Howard has been in stealth mode. In this exclusive talk, he showcases what he's been working on. He & Jonathan Whitaker show us SolveIt, a new dev environment and programming paradigm. 🤯 Imagine this workflow: - Build a web app & interact with its UI on the same screen as your code. No more flipping to a separate browser. - Use live variables from your REPL directly in prompts to the AI. The AI knows your current state. - Turn any Python function into an AI tool instantly. No no registering tools or MCP. Just write a function in a cell and tell the AI to use it. This is a live, malleable environment that fuses the best ideas from Literate Programming (Knuth), the live-object world of Smalltalk, and the interactive cells of Jupyter. Who is Solveit for? Jeremy's take: SolveIt is best for programmers who are either very new ( 20 years). Why? Because developers in the middle (3-20 years) often have ingrained workflows and can find this different paradigm confronting. New devs are open-minded and build good habits from scratch, while veterans immediately recognize how this approach solves decades-old problems of complexity and state management. My Thoughts It's early days, but it is super cool. You get all the fun of trying a new programming language without learning new syntax (Python), because it will show you new patterns and ways of doing this. If you are wiling to climb the learning curve it is an extremely powerful tool that you can be productive with on real tasks like writing and coding. I'm personally addicted to it for several workflows and am afraid of losing it tbh. How Can You Try It? Just follow Jeremy Howard - he will announce something in the coming weeks or months (I suspect if this post is popular he might do something soon 🤣 ) TIMESTAMPS (00:00:00) - Introduction (00:00:30) - The SolveIt Method vs. "Vibe Coding" (00:04:00) - Investing in Yourself: Long-Term Skill Building (00:07:45) - Software Engineering vs. Short-Term Gains (00:12:15) - The Problem-Solving Loop: Understand, Plan, Implement, Review (00:18:50) - Example: Literate Programming with the Claudette Library (00:24:15) - First Look at the SolveIt Environment (00:28:34) - Demo Start: Building an Eval for Multimodal Models (00:31:16) - Iterative Development: Exploring the iNaturalist API (00:39:15) - Catching Bugs Instantly by Working Step-by-Step (00:43:37) - Prompting LLMs with Structured Outputs (00:51:54) - Demo: Building a Live Web App Inside SolveIt with FastHTML (01:00:24) - Demo: Exploring a Complex API (Cloudflare) (01:08:45) - Creating Custom AI Agent Tools with Zero Boilerplate (01:19:00) - SolveIt Ergonomics: Modes, Secrets, and Keyboard Shortcuts (01:28:30) - The Power of the SolveIt Community (01:30:45) - Who Should Use SolveIt? (01:34:30) - This is Just the Tip of the Iceberg YT Video and links in reply

Hamel Husain

112,126 görüntüleme • 1 yıl önce

Sound on for this one. We wired up OpenAI's new STT and TTS models into a single voice agent. The results are super fun! Link to a live demo in the next tweet.
0:29

Sound on for this one. We wired up OpenAI's new STT and TTS models into a single voice agent. The results are super fun! Link to a live demo in the next tweet.

dsa

32,310 görüntüleme • 1 yıl önce

Coding agents suck at using a browser. Playwright MCP burns through your context window before you even send your first prompt. That is why I built Dev Browser, a Claude Skill to let your agent close the loop without eating up tokens.
0:45

Coding agents suck at using a browser. Playwright MCP burns through your context window before you even send your first prompt. That is why I built Dev Browser, a Claude Skill to let your agent close the loop without eating up tokens.

Sawyer Hood

312,803 görüntüleme • 10 ay önce

hyperspace: auto-recompute every dependent agent based on changes to it’s predecessors, just like cells of a spreadsheet formula this is the fundamental new UI, ps: an old demo from July 15th shown at The Agentic Browser Summit. do you want a sneak peek of the updated one ?
1:28

hyperspace: auto-recompute every dependent agent based on changes to it’s predecessors, just like cells of a spreadsheet formula this is the fundamental new UI, ps: an old demo from July 15th shown at The Agentic Browser Summit. do you want a sneak peek of the updated one ?

Varun

92,012 görüntüleme • 1 yıl önce

We turned Jev into a general browser skill for agents: jev-browser. Give it a website and a task. The browser opens automatically, and Jev decides every click based on what's on the screen. Here's a demo:
0:22

We turned Jev into a general browser skill for agents: jev-browser. Give it a website and a task. The browser opens automatically, and Jev decides every click based on what's on the screen. Here's a demo:

AI Builder Club

34,077 görüntüleme • 1 ay önce

most problems are people problems, which are really emotional regulation problems in this episode Chris Barber teaches us a concrete skill for processing emotions with words links bellow 00:00 Intro to Chris 00:52 What even is Emotional Regulation? 03:25 Why a successful founder focused his life on this 06:45 All problems are people problems 07:40 What is Resonance? 09:00 Attachment issues, mothers, and Resonance 10:57 Practical use cases for Resonance 13:33 What Resonance is *not* 15:32 How to do it: the three tools of Resonance 18:26 Live Demo: Copy Statements 20:40 Live Demo: Guess Statements 26:33 Live Demo: Exaggeration Statements 36:00 What it feels like when Resonance works 46:12 How to practice without becoming a weirdo 52:05 What about petulant people who weaponize emotion?? 57:09 Final reflections & invitation
59:10

most problems are people problems, which are really emotional regulation problems in this episode Chris Barber teaches us a concrete skill for processing emotions with words links bellow 00:00 Intro to Chris 00:52 What even is Emotional Regulation? 03:25 Why a successful founder focused his life on this 06:45 All problems are people problems 07:40 What is Resonance? 09:00 Attachment issues, mothers, and Resonance 10:57 Practical use cases for Resonance 13:33 What Resonance is *not* 15:32 How to do it: the three tools of Resonance 18:26 Live Demo: Copy Statements 20:40 Live Demo: Guess Statements 26:33 Live Demo: Exaggeration Statements 36:00 What it feels like when Resonance works 46:12 How to practice without becoming a weirdo 52:05 What about petulant people who weaponize emotion?? 57:09 Final reflections & invitation

Daniel K (in SF)

43,128 görüntüleme • 1 yıl önce

Here's a showcase of the new ED added: Malzeno in #MHNow ! Malzeno is peak, and as usual, Now just adapted it wonderfully 😳 Thanks as always to Niantic for providing me access to the content 🙏 00:00 - Intro 00:15 - Lance Gameplay 01:58 - LBG Gameplay
4:01

Here's a showcase of the new ED added: Malzeno in #MHNow ! Malzeno is peak, and as usual, Now just adapted it wonderfully 😳 Thanks as always to Niantic for providing me access to the content 🙏 00:00 - Intro 00:15 - Lance Gameplay 01:58 - LBG Gameplay

Shincry

12,773 görüntüleme • 11 ay önce

I heard it's a tough market... 🤔 ... so I built an agent that finds you the hottest job offers for you using Spend Permissions + Exa + x402. Exa has the type of results you won't find with a simple google search. 00:00 intro 00:40 demo (base app) 03:40 code Links 👇
4:21

I heard it's a tough market... 🤔 ... so I built an agent that finds you the hottest job offers for you using Spend Permissions + Exa + x402. Exa has the type of results you won't find with a simple google search. 00:00 intro 00:40 demo (base app) 03:40 code Links 👇

Youssef

11,703 görüntüleme • 6 ay önce