Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Bolt Rules extension, built in bolt.new - open-source (clone it, make changes, help me fix the scroll pls) - changes prompts when in a project or starting a new one - tool selector dropdowns link below

Ben Tossell

154,868 subscribers

60,681 views • 1 year ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

9 Comments

Ben Tossell1 year ago

i recorded most of the build - so video coming soon, and a breakdown post too - i'll post on cloneable link for bolt:

Alexander Myasoedov1 year ago

INTRODUCING: Agentic Security - LLM Security Scanner! 🔍 🔑 Features: Scans for prompt injections, jailbreaking & more. Provides detailed reports & options to customize attack rules. 🔗access the GitHub Link ↓

Supercharge for Bolt1 year ago

@boltdotnew 👀

Mudit Rajput1 year ago

@boltdotnew Nice 🙂

Ben Tossell1 year ago

@boltdotnew thanks!

Kathy Helps1 year ago

@boltdotnew Is bolt .diy an exact copy but a self hosted solution?

Ben Tossell1 year ago

@boltdotnew I’m not sure tbh

Hunter & Lindsey1 year ago

@boltdotnew What are the best types of projects that Bolt would excel at?

Figure1 year ago

@boltdotnew bro just send it and blame the dog

Related Videos

This Claude Code proxy tool lets you see the system prompts 👀 It reveals some useful behaviours too: - Claude injects system reminders into user prompts - It automatically triggers the Read tool when a file changes mid-conversation (link below with more details)

This Claude Code proxy tool lets you see the system prompts 👀 It reveals some useful behaviours too: - Claude injects system reminders into user prompts - It automatically triggers the Read tool when a file changes mid-conversation (link below with more details)

Ian Nuttall

34,376 views • 11 months ago

Bolt 2.0 is here - and it changes everything about building apps with Bolt. No external Supabase connections. No RLS headaches. No auth setup. No separate analytics or hosting. Plus, you can use Claude code directly inside Bolt. Now everything happens inside bolt.new. Here’s how I built a full app in 10 minutes - DB, auth, analytics, and hosting - all with just a few prompts. Everything you need to know about 2.0 🧵

Bolt 2.0 is here - and it changes everything about building apps with Bolt. No external Supabase connections. No RLS headaches. No auth setup. No separate analytics or hosting. Plus, you can use Claude code directly inside Bolt. Now everything happens inside bolt.new. Here’s how I built a full app in 10 minutes - DB, auth, analytics, and hosting - all with just a few prompts. Everything you need to know about 2.0 🧵

Dhruval

69,304 views • 8 months ago

Introducing Roughdraft! A new open source project designed to make collaboration with agents better. The idea is to bring commenting and suggested changes to markdown (e.g. plan docs) in a nice interface. Free, local, etc. 👉 👈

Introducing Roughdraft! A new open source project designed to make collaboration with agents better. The idea is to bring commenting and suggested changes to markdown (e.g. plan docs) in a nice interface. Free, local, etc. 👉 👈

Nathan Baschez

351,996 views • 15 days ago

Bolt 9/10 Lovable 8.5/10 Replit 8/10 I built a 1-doc system for Bolt/Lovable/Replit to one-shot applications. A hybrid of PRD x Implementation plan to provide detailed context in just 1 document. I call it "Unified Project Documentation." Simple steps: 1/ Open CodeGuide 2/ New Project "Write your app idea" 3/ Select AI tools (Replit, Lovable, Bolt etc) 4/ Copy unified project doc. by clicking "copy prompt" 5/ Paste the prompt in any selected tool. 6/ Start building your app. Here're the demos of all 3 tools: 1. bolt.new

Bolt 9/10 Lovable 8.5/10 Replit 8/10 I built a 1-doc system for Bolt/Lovable/Replit to one-shot applications. A hybrid of PRD x Implementation plan to provide detailed context in just 1 document. I call it "Unified Project Documentation." Simple steps: 1/ Open CodeGuide 2/ New Project "Write your app idea" 3/ Select AI tools (Replit, Lovable, Bolt etc) 4/ Copy unified project doc. by clicking "copy prompt" 5/ Paste the prompt in any selected tool. 6/ Start building your app. Here're the demos of all 3 tools: 1. bolt.new

CJ Zafir

58,253 views • 1 year ago

[maintenance] PLS PLS GO READ THE ONE SHOT THAT INSPIRED ME TO MAKE THIS IN THE FIRST PLACE, ILL LINK IT DOWN BELOW #ULTRAKILL #gabv1el

Sensitive content

[maintenance] PLS PLS GO READ THE ONE SHOT THAT INSPIRED ME TO MAKE THIS IN THE FIRST PLACE, ILL LINK IT DOWN BELOW #ULTRAKILL #gabv1el

sno 💙

116,155 views • 1 year ago

For those of you tired of yet another AI-based IDE: Check out Traycer. It's a Visual Studio Code extension (free forever for anyone working on open-source repositories), and it does something different from everyone else. You write a high-level prompt outlining the changes you want to make to your codebase, and the extension generates a plan for you before you touch the code. (It reminds me of GitHub Copilot Workspaces.) You can review the plan, understand exactly the changes the extension will make to your code, and make any modifications. When you are ready, you execute the plan, and Traycer stages all of the changes so you have a new opportunity to review everything. Only then does Traycer apply the changes. This is ideal for large codebases where you'd rather study the changes the AI plans to make before they make it into your code. Look at the video I recorded to see how it works. Thanks to the Traycer team for collaborating with me on this post!

For those of you tired of yet another AI-based IDE: Check out Traycer. It's a Visual Studio Code extension (free forever for anyone working on open-source repositories), and it does something different from everyone else. You write a high-level prompt outlining the changes you want to make to your codebase, and the extension generates a plan for you before you touch the code. (It reminds me of GitHub Copilot Workspaces.) You can review the plan, understand exactly the changes the extension will make to your code, and make any modifications. When you are ready, you execute the plan, and Traycer stages all of the changes so you have a new opportunity to review everything. Only then does Traycer apply the changes. This is ideal for large codebases where you'd rather study the changes the AI plans to make before they make it into your code. Look at the video I recorded to see how it works. Thanks to the Traycer team for collaborating with me on this post!

Santiago

83,805 views • 1 year ago

How does the new Parry work? Made a video explaining 4 new system changes in Season 3 Link to full video below 👇

How does the new Parry work? Made a video explaining 4 new system changes in Season 3 Link to full video below 👇

HiFight(ハイファイト)

50,422 views • 1 year ago

Did you know that the Clone Tool in Substance Painter makes it simple to fix seams? This is how 👇 ‼️ Press V and area to set the source area to use Clone.

Did you know that the Clone Tool in Substance Painter makes it simple to fix seams? This is how 👇 ‼️ Press V and area to set the source area to use Clone.

Michal Kalisz

55,793 views • 2 years ago

Built a tool that lets you review Claude Code's changes like a GitHub PR

Built a tool that lets you review Claude Code's changes like a GitHub PR

Louis Knight-Webb

48,051 views • 8 months ago

💡 CSS Tip! A small tool to create a quantity query selector using has(). Adjust the setting and get your selector in no time! 😎 I am trying a new kind of "interactive CSS Tip". Let me know what you think. Link in the reply 👇

💡 CSS Tip! A small tool to create a quantity query selector using has(). Adjust the setting and get your selector in no time! 😎 I am trying a new kind of "interactive CSS Tip". Let me know what you think. Link in the reply 👇

CSS by T. Afif

19,823 views • 1 year ago

Adding a new feature to Three.js in just 3 prompts: > Make a shallow clone of the three.js repo in this folder. > Implement RainbowFog in the WebGLRenderer. > Create new builds.

Adding a new feature to Three.js in just 3 prompts: > Make a shallow clone of the three.js repo in this folder. > Implement RainbowFog in the WebGLRenderer. > Create new builds.

mrdoob

26,190 views • 2 months ago

🚀New workflow for creating desktop apps you can run in windows and mac 1⃣ create app in bolt.new 2⃣ download the code from bolt 3⃣ open project in @windsurf 4⃣ ask windsurf to convert it into an electron app 5⃣ run it as a desktop app awesome 🔥🔥🔥 here's how it works 👇

🚀New workflow for creating desktop apps you can run in windows and mac 1⃣ create app in bolt.new 2⃣ download the code from bolt 3⃣ open project in @windsurf 4⃣ ask windsurf to convert it into an electron app 5⃣ run it as a desktop app awesome 🔥🔥🔥 here's how it works 👇

Melvin Vivas

22,743 views • 1 year ago

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

New in Chrome DevTools: Gemini can modify and save CSS changes directly to your source! Tired of manually copying CSS changes from DevTools back to your editor? Gemini to the rescue! You can now ask Gemini in the AI Assistance panel to: ✨ Modify and fix CSS within the Elements panel. 🧪 Instantly test changes live. 💾 Save those changes back to your source files on your computer with a connected workspace folder. This is a game-changer for rapid iteration.

Addy Osmani

36,854 views • 1 year ago

SEO Tip: Ahrefs new "Content Changes" feature will show you the EXACT changes a competitor used to improve organic traffic. Here's how you use it: This is one of the biggest feature adds to any SEO tool that I can remember. Ahrefs new "Content Changes" will automatically detect when substantial changes were made to a page. Then you can see the exactly changes that were made to the content so you can leverage those insights for your own page. Here's how you do it:

SEO Tip: Ahrefs new "Content Changes" feature will show you the EXACT changes a competitor used to improve organic traffic. Here's how you use it: This is one of the biggest feature adds to any SEO tool that I can remember. Ahrefs new "Content Changes" will automatically detect when substantial changes were made to a page. Then you can see the exactly changes that were made to the content so you can leverage those insights for your own page. Here's how you do it:

Chris Long

21,657 views • 1 year ago

I just built this CRACKED Cursor MCP extension that makes your IDE fully aware of all the logs in your browser. Was struggling with a few issues recently and kept having to copy/paste logs but with this tool you can: ✅ Check all console logs + errors ✅ Analyze network requests, responses and errors ✅ Make changes to a selected element in your browser ✅ Take screenshots of your browser ... without EVER having to leave your IDE 🦾 Open source, FREE and compatible with Cursor, Cline, Continue and Zed. Link to the docs with setup instructions down below 👇

I just built this CRACKED Cursor MCP extension that makes your IDE fully aware of all the logs in your browser. Was struggling with a few issues recently and kept having to copy/paste logs but with this tool you can: ✅ Check all console logs + errors ✅ Analyze network requests, responses and errors ✅ Make changes to a selected element in your browser ✅ Take screenshots of your browser ... without EVER having to leave your IDE 🦾 Open source, FREE and compatible with Cursor, Cline, Continue and Zed. Link to the docs with setup instructions down below 👇

Ted Werbel

179,853 views • 1 year ago

Excited to announce my freelance site is live! If you have a project big or small & want scroll-stopping content that drives engagement to it... click on the link below (link is also in bio) 👇

Excited to announce my freelance site is live! If you have a project big or small & want scroll-stopping content that drives engagement to it... click on the link below (link is also in bio) 👇

Nathan Livingstone (MilkBarTV)

17,791 views • 1 year ago

Vibe Coding Deathmatch wednesday afternoon full video Bolt, Replit, Cursor, Windsurf head to head building the same project simple prompts across all, the results were: 🥉 Bolt + Windsurf 🥈Cursor 🏆 Replit Reasons: - Bolt was quickest, got into a 'no-audio' issue early and couldnt fix easily. first out, but only because its so quick. - Windsurf just took longer to get to the same kind of bug, also no easy fix - Cursor was working really well, needed more coaxing than replit + bolt, but then a UI prompt messed it all up (likely user error 🙂) - Replit needed the least coaxing - like 5 prompts in total (before deployment), 2 of which were just like 'yes'. Deployment ran into some issues but got there in the end. (they should make it more obvious to deploy, and then redeploy after changes are made)

Vibe Coding Deathmatch wednesday afternoon full video Bolt, Replit, Cursor, Windsurf head to head building the same project simple prompts across all, the results were: 🥉 Bolt + Windsurf 🥈Cursor 🏆 Replit Reasons: - Bolt was quickest, got into a 'no-audio' issue early and couldnt fix easily. first out, but only because its so quick. - Windsurf just took longer to get to the same kind of bug, also no easy fix - Cursor was working really well, needed more coaxing than replit + bolt, but then a UI prompt messed it all up (likely user error 🙂) - Replit needed the least coaxing - like 5 prompts in total (before deployment), 2 of which were just like 'yes'. Deployment ran into some issues but got there in the end. (they should make it more obvious to deploy, and then redeploy after changes are made)

Ben Tossell

59,052 views • 1 year ago

WE ARE NOT COOKED. NEW PODCAST: You Have 5000 Days: Navigating the End of Work as We Know It. Part 11: The Reversal of Obsolescence. No one else is working with your heart and soul. I introduce a new tool to help you work through the changes ahead. Listen in:

WE ARE NOT COOKED. NEW PODCAST: You Have 5000 Days: Navigating the End of Work as We Know It. Part 11: The Reversal of Obsolescence. No one else is working with your heart and soul. I introduce a new tool to help you work through the changes ahead. Listen in:

Brian Roemmele

26,682 views • 3 months ago

Little CSS DevTools Trick: "Show Changes" ⭐️ Copy style changes you make in DevTools by running "Show Changes" from the command palette and hitting "Copy" 🧾 Very useful when you are debugging or trying things out!

Little CSS DevTools Trick: "Show Changes" ⭐️ Copy style changes you make in DevTools by running "Show Changes" from the command palette and hitting "Copy" 🧾 Very useful when you are debugging or trying things out!

jhey ʕ•ᴥ•ʔ

80,322 views • 2 years ago

Introducing Manus Design View, a new way to close the design gap between your vision and the final image. Stop wrestling with prompts and use the Mark Tool to show Manus exactly where to make changes. Say hello to granular control

Introducing Manus Design View, a new way to close the design gap between your vision and the final image. Stop wrestling with prompts and use the Mark Tool to show Manus exactly where to make changes. Say hello to granular control

Manus

68,868 views • 5 months ago