NEW: Claude Dev Beats Cursor?!?🤖 MORE INSANE UPDATES! Screenshot Live Site & Improve Code With AI

Josh Pocock
25 Sept 202421:01

Summary

TLDRJosh Pook discusses the latest updates to the AI pair programming extension, Claude Dev, highlighting its new features like error and warning detection, file content addition, and a browser tool for debugging web projects. He praises Claude Dev's ability to push the limits of VS Code extensions, comparing it favorably to other AI tools like Cursor and Composer. The video showcases Claude Dev's capabilities in creating a Next.js web app, automating tasks, and improving UI with modern features.

Takeaways

  • 🎁 **Claude Dev Updates**: The video discusses the continuous updates to the Claude Dev AI extension, highlighting its growing capabilities.
  • 🔥 **New Features**: Version 1.8 of Claude Dev allows users to add content directly from URLs and workspace errors/warnings for debugging.
  • 🛠️ **Efficiency Improvements**: The update reduces the need for manual debugging by copying and pasting errors and warnings.
  • 📂 **File Management**: Users can now add multiple files or folders at once, streamlining the workflow.
  • 🌐 **Browser Integration**: Version 1.90 introduces a site tool that captures screenshots and console logs, aiding in web project debugging.
  • 👀 **Visual Debugging**: Claude Dev can now inspect websites for runtime and visual errors, offering more autonomy in fixing issues.
  • 🔧 **Error Handling**: The tool assists in fixing errors without the need for manual handling of logs.
  • 💻 **IDE Integration**: The video compares Claude Dev's capabilities with other IDE extensions, noting its advantages.
  • 📈 **Rapid Development**: Claude Dev can set up projects, write code, and run commands, showcasing its potential in rapid development.
  • 🌟 **Innovation**: The development team behind Claude Dev is noted for pushing the limits with innovative features not常见 in other tools.
  • 🔗 **Community Engagement**: The presenter encourages viewers to share their experiences with Claude Dev and engage with the community.

Q & A

  • What is the main topic of the video?

    -The main topic of the video is an update on the AI extension called Claude Dev, which is continuously receiving new updates that enhance its functionality as an AI pair programming tool.

  • Who is the presenter of the video?

    -The presenter of the video is Josh Pook.

  • What are some of the new updates to Claude Dev mentioned in the video?

    -Some of the new updates to Claude Dev include the ability to add workspace errors and warnings for Claude to fix, adding files' contents to reduce API requests, and the introduction of a browser tool that lets Claude capture screenshots and console logs of any URL.

  • What does the browser tool update in Claude Dev allow it to do?

    -The browser tool update allows Claude Dev to launch a headless browser, take screenshots, capture logs and errors, and assist in debugging web projects autonomously.

  • How does the video demonstrate the capabilities of Claude Dev?

    -The video demonstrates Claude Dev's capabilities by showing it creating a Next.js web app, automating tasks, and fixing issues in a web app with runtime errors and visual errors.

  • What is the significance of the 'at' command in Claude Dev?

    -The 'at' command in Claude Dev allows users to paste a URL for the extension to fetch and convert to markdown, which is useful for providing Claude with the latest documentation.

  • What does the video suggest about the pace of updates for Claude Dev?

    -The video suggests that Claude Dev is receiving updates at a rapid pace, with new versions being released every few days, indicating continuous development and improvement.

  • What is the presenter's opinion on Claude Dev compared to other AI pair programming tools?

    -The presenter views Claude Dev as one of his favorite AI pair programming extensions, appreciating its innovative features and rapid updates that push the limits of what's possible within a VS Code extension.

  • What other AI pair programming tools are mentioned in the video?

    -The video mentions other AI pair programming tools such as Cursor and Composer, comparing their features to those of Claude Dev.

  • What is the presenter's view on the future of AI in programming?

    -The presenter envisions a future where AI tools like Claude Dev have access to a large context window and all the necessary documentation, allowing them to assist developers more effectively.

  • How does the video conclude regarding Claude Dev?

    -The video concludes by encouraging viewers to try out Claude Dev and share their experiences, while also highlighting the potential of Claude Dev to compete with other tools like Cursor.

Outlines

00:00

🤖 Introduction to Claude Dev's Updates

Josh Pook introduces the video by expressing excitement about the continuous updates to the AI extension Claude Dev. He mentions that the founder is actively improving the extension, making it one of his favorite AI pair programming tools. Josh highlights the benefits of using an IDE for development due to its customization and integration capabilities compared to the limitations of VS Code extensions. However, he notes that Claude Dev is pushing these limits with innovative features. The video promises to explore these updates and their impact on the development experience.

05:01

🔧 New Features and Updates in Claude Dev

Josh discusses the new features of Claude Dev, including the ability to add workspace errors and warnings for debugging, and to add files' contents to improve workflow efficiency. He also covers the update that allows Claude Dev to use a browser for capturing screenshots and console logs of any URL, which aids in debugging web projects autonomously. Josh shares an example of using this feature to fix runtime errors in a to-do app. He compares Claude Dev to other AI pair programming tools like Cursor and Composer, noting that Claude Dev is pushing the boundaries with unique features.

10:03

🛠️ Setting Up a Next.js Web App with Claude Dev

Josh demonstrates how to use Claude Dev to set up a Next.js web app based on an existing Chrome extension. He instructs Claude Dev to create a new folder, write code, run commands, and create components for the web app version. Despite some minor issues with command execution, Josh is impressed with Claude Dev's ability to execute commands and generate code. He also appreciates the feature that shows API token usage, which provides transparency and cost control.

15:03

🌐 Improving the Web App with Claude Dev's Assistance

Josh continues to work on the web app, using Claude Dev to make it more modern and user-friendly. Claude Dev takes a screenshot of the app, identifies areas for improvement, and implements changes such as updating the layout and adding animations. Josh is excited about the potential of Claude Dev's new features and compares them to those of Cursor, suggesting that a combination of features from both tools would be powerful. He also notes the importance of the feedback loop from code generation to live deployment and the potential for even more advanced features in the future.

20:04

📈 Wrapping Up and Engaging with the Community

In the conclusion of the video, Josh summarizes the new features of Claude Dev and encourages viewers to share their thoughts on whether Claude Dev can compete with Cursor or other tools. He invites viewers to join the conversation in the comments and to share their experiences with Claude Dev. Josh also promotes the channel's Discord and Facebook groups for networking and sharing value. He wraps up by thanking viewers for their support and motivating them to keep working hard.

Mindmap

Keywords

💡Claude Dev

Claude Dev is an AI extension for programming, specifically designed for Visual Studio Code. It is highlighted in the video as a tool that continuously receives updates, enhancing its capabilities and making it a favorite among AI pair programming extensions. The video discusses several new features of Claude Dev, such as the ability to fetch and convert URLs to markdown, workspace error and warning integration, and a new site tool for debugging web projects.

💡IDE

An Integrated Development Environment (IDE) is a software application that provides comprehensive facilities to computer programmers for software development. The video mentions that the presenter prefers IDEs as the backbone for development because they offer more customization and integration capabilities compared to extensions within platforms like Visual Studio Code.

💡API

An API, or Application Programming Interface, is a set of routines, protocols, and tools for building software applications. The video discusses how Claude Dev can interact with APIs, such as fetching the latest documentation and using API keys for services like OpenAI, to enhance its functionality.

💡AI Pair Programming

AI Pair Programming refers to the collaboration between a human programmer and an AI to develop software. The video emphasizes how Claude Dev is becoming a top choice for AI pair programming due to its continuous updates and innovative features that assist in coding tasks.

💡Extensions

Extensions in the context of the video refer to add-ons that can be installed in an IDE or a browser to extend its functionality. Claude Dev is an example of a VS Code extension that provides AI-powered assistance to developers.

💡Updates

Updates in this context refer to new features or improvements added to software. The video discusses recent updates to Claude Dev, such as the ability to add workspace errors and warnings, and the introduction of a new site tool for capturing screenshots and console logs.

💡Debugging

Debugging is the process of finding and resolving defects or problems within a software or system. The video highlights Claude Dev's new feature for debugging web projects by capturing screenshots and console logs, which aids in identifying and fixing runtime errors.

💡Visual Studio Code

Visual Studio Code (VS Code) is a popular free source-code editor made by Microsoft for Windows, Linux, and macOS. The video mentions VS Code as the platform where Claude Dev operates as an extension, and it discusses the limitations of extensions within VS Code compared to the broader capabilities of an IDE.

💡Next.js

Next.js is a popular React framework that enables functionality such as server-side rendering and generating static websites. The video shows Claude Dev setting up a Next.js app and using it to create a web-based application version of a Chrome extension.

💡OpenAI

OpenAI is an AI research laboratory known for developing AI technologies like GPT (Generative Pre-trained Transformer). The video mentions using an OpenAI API key for summarization services within the context of a web app developed with Claude Dev's assistance.

💡Chrome Extension

A Chrome extension is a software program that extends Google Chrome's functionality. The video references a previously created Chrome extension that scrapes YouTube video transcripts and summarizes them, which is then used as a basis for developing a web app with Claude Dev.

Highlights

Josh Pook discusses continuous updates from the founder of Claude Dev, an AI extension for VS Code.

Claude Dev is becoming one of Josh's favorite AI pair programming extensions with significant improvements.

Version 1.8 of Claude Dev allows using 'at' commands in the text area to fetch and convert URLs to markdown.

Claude Dev can now add workspace errors and warnings for debugging without manual copying and pasting.

The update lets Claude Dev read file contents and search through files without wasting API requests.

Version 1.9 introduces a site tool that captures screenshots and console logs of any URL for autonomous debugging.

Claude Dev's new features are compared to other AI pair programming tools like Cursor.

Josh explores the possibility of integrating Claude Dev's features with an IDE for a more powerful experience.

Claude Dev supports various AI providers like OpenAI, Anthropic, Google, and others.

Josh demonstrates how Claude Dev can create a Next.js app and set it up with step-by-step guidance.

Claude Dev executes commands and creates necessary files automatically during the project setup.

Josh appreciates Claude Dev's feedback on API token usage and its caching capabilities.

Claude Dev's ability to take screenshots and suggest UI improvements in real-time is showcased.

Josh tests Claude Dev's new features by building a web app version of a Chrome extension.

Claude Dev successfully creates components and sets up server-side rendering for the web app.

Josh highlights the importance of the feedback loop in AI development tools and how Claude Dev is advancing in this area.

The final web app built with Claude Dev's assistance is shown, demonstrating its capabilities in action.

Josh invites viewers to share their experiences with Claude Dev and compares it to other tools like Cursor.

The video concludes with a call to action for viewers to join the Discord channel and Facebook group for community engagement.

Transcripts

play00:00

what's going on everybody Josh pook here

play00:01

and Claude Dev seems to just be the AI

play00:04

extension gift that just keeps on giving

play00:07

we are continuously getting new updates

play00:09

from the founders and this one is good

play00:12

let's dive right into

play00:16

[Music]

play00:22

it all right guys so if you're not

play00:24

familiar with Claud Dev I've done many

play00:25

different videos on this I even did one

play00:27

maybe about a week or so ago about

play00:29

recent update but it seems like Claude

play00:31

Dev the claw Dev founder may just be

play00:33

using Claude Dev to push out some of

play00:35

these updates and make some really big

play00:38

improvements to claw Dev so it's slowly

play00:41

becoming one of my favorite AI pair

play00:43

programming extensions all right for

play00:46

those of you who been watching this

play00:47

channel you'll know that I'm more of a

play00:49

fan of the IDE as the backbone because

play00:51

it gives you a lot more customization in

play00:54

terms of features and Integrations and

play00:56

just the dev experience overall that you

play00:58

really just can't get

play01:00

with just an extension just due to like

play01:03

it being within vs code and VSS code's

play01:05

limitations just for extensions but it

play01:09

seems like claw Dev is really pushing

play01:11

those limits with some of the cool

play01:12

features that I just certain like

play01:14

frankly haven't been even expecting like

play01:16

we haven't seen a lot of these features

play01:18

from any other uh AI pair programming

play01:21

Chrome extens or not a Chrome extension

play01:24

vs code extension right so without Ado

play01:26

let's Dive Right into what these updates

play01:28

actually are so two main ones with this

play01:31

new push out and I'll quickly touch on

play01:33

some of the old updates too that I

play01:34

covered in my last video that are really

play01:36

good but Claud Dev one okay so 1.8 uh o

play01:40

came 80 came out and you can basically

play01:43

now use at in the text area to add Conta

play01:47

similar to like you can with cursor so

play01:50

paste in a URL for the extension to

play01:52

fetch and convert to markdown use uh

play01:56

useful when you want to give claw the

play01:58

latest doc so that's really cool and

play02:00

really interesting and we'll even test

play02:02

that out to see um you know that and

play02:05

it's great that a lot of these AI tools

play02:07

can you can you can just like upload the

play02:09

docks and whatnot personally I'm either

play02:12

waiting for or maybe I'll have to make

play02:14

it or something where you can just like

play02:16

scrape the docks all at once I think

play02:18

that would be pretty cool and upload it

play02:20

to the llm get it all the recent docks

play02:23

right away and imagine just having a l

play02:26

or a pair programmer with an a really

play02:28

powerful llm with all your different

play02:30

docs for all your different text stacks

play02:32

and then maybe a large context window I

play02:34

think that's where we're headed but

play02:35

anyways add workspace errors and

play02:38

warnings to Claud to fix so that's

play02:40

really useful no more back and forth and

play02:42

debugging okay so you don't have to copy

play02:44

paste all the different workflow

play02:46

workspace errors and warnings so I can

play02:48

read um that and then add a files

play02:51

contents so you don't have to waste API

play02:55

requests approving read file plus type

play02:58

to search and then add a F uh folders

play03:01

files add a folders files all at once to

play03:04

speed up your workflow even more so this

play03:06

is really useful this is like these are

play03:07

all a lot of the stuffs that uh cursor

play03:10

can do um but it's good to see that

play03:12

Claude Dev is really uh pushing out

play03:15

these updates and definitely not someone

play03:17

to sleep on definitely not a tool to

play03:18

sleep on now Claud Dev can now use a

play03:22

browser so this is another update that

play03:25

he pushed out

play03:27

1.90 and this adds a new _ site tool

play03:32

that lets him capture screenshots plus

play03:35

console logs of any URL example Local

play03:39

Host giving him more autonomy to De

play03:43

debugging Web projects on his own so we

play03:46

can quickly look at some of this example

play03:48

right here I've got this to-do app and

play03:51

it's got some problems but not anything

play03:54

the typescript language server can

play03:55

detect there're runtime errors and

play03:58

visual errors and and now Claude Dev is

play04:01

going to be able to help me fix them

play04:02

with his new inspect site tool this lets

play04:05

him launch a headless browser in the

play04:07

background take a screenshot and capture

play04:10

any logs and errors this gives them a

play04:13

lot more autonomy to fixing issues

play04:15

without you needing to handhold and

play04:17

copying and pasting the arrow logs

play04:19

yourself so let's see this in

play04:22

action I'm going to ask him to run my

play04:25

app and fix issues

play04:33

okay so now the local Dev server is

play04:35

running in the background and Cloud

play04:36

wants to inspect the website so H

play04:39

approve cool so it looks like nothing

play04:42

rendered in the screenshot and we've got

play04:45

some type errors here so let's see if

play04:48

Cloud can fix

play04:49

these Okay cool so now the app is

play04:51

rendering but it looks like there's an

play04:53

issue with this add Todo button so let's

play04:57

see if Cloud can fix that

play05:00

and just like that the app is fixed

play05:04

thanks

play05:05

Claude so pretty cool um as you can see

play05:09

it can take screenshots of you know the

play05:11

website and also too um another cool

play05:14

thing like these are things that at the

play05:16

moment and I do think I pretty much know

play05:19

like composer and cursor will get

play05:21

certain features like this maybe even

play05:23

potentially better or whatever it's you

play05:25

know it's the the race right now

play05:26

everyone's coming up with new features

play05:28

and stuff this is also new in terms of

play05:31

all these AI features and integrating

play05:33

with ID and this and that but these are

play05:36

some things that I I continuously see

play05:38

with the Claude Dev development team

play05:40

which I don't know if there's if it's

play05:42

just the founder or whatever but um

play05:44

they're constantly kind of pushing the

play05:45

limits and adding cool new features that

play05:47

are a little bit different than a lot of

play05:49

the other tools I like their Innovative

play05:51

uh features for example cursor cannot

play05:54

screenshot right now it cannot

play05:56

automatically run commands within the

play05:59

terminal so the command terminal op like

play06:01

running commands in the terminal I think

play06:03

that's really useful um to a certain

play06:05

degree obviously like you got to make

play06:07

sure and watch it and make sure it's uh

play06:10

managed correctly but uh that's really

play06:12

cool so if you don't know how to install

play06:14

claw Dev links will be down below as

play06:16

well as to those Twitter threads too so

play06:17

you can check out the releases but go to

play06:20

claw Dev on Visual Studio code you can

play06:22

also type this in in Visual Studio code

play06:25

or you can add it to cursor like myself

play06:26

I like to keep it there anyways and then

play06:29

you just install it either there or what

play06:31

whatnot um and yeah like I mentioned

play06:33

before you can see 3 days ago we got the

play06:35

this new version for the screenshots and

play06:38

the browser 5 days ago we got 1.8 all

play06:42

right and then last week when I did my

play06:44

other video we got 1.7 so he's just

play06:46

pushing out these new updates so let's

play06:48

go ahead and check some of these out

play06:50

ourselves so I got a project open here

play06:52

just a little dummy project and this is

play06:54

actually a project that we built in one

play06:57

of our videos few days ago basically

play07:00

just a simple little Chrome extension

play07:02

right here that essentially scrapes

play07:05

YouTube video transcripts and then we'll

play07:08

summarize them okay so we have just a

play07:10

Chrome extension here and then we have a

play07:13

flask uh server right here that is for

play07:16

the API and our Chrome extension will

play07:19

send requests to the flash server and

play07:21

then receive them back to get the

play07:23

transcripts and do the open AI um

play07:26

configur or the open AI summarization so

play07:29

let's go go ahead and we're not going to

play07:30

use chat or composer we're actually

play07:32

going to use claw Dev of course and you

play07:34

can even see the new updates mentioned

play07:35

right here but we already covered those

play07:37

so we're just going to exit this out and

play07:41

next uh if you I'll do a quick overview

play07:44

on Claud Dev it can use different open

play07:46

AI or different API Prov providers

play07:49

anthropic Google Gemini Google open AI

play07:53

ol llama which is nice that's really

play07:55

nice when uh one of these tools supports

play07:57

local models and then open router open R

play08:00

is a really good option just because you

play08:01

can pretty much use anything like you

play08:02

can use 01 preview 01 mini Etc so just

play08:06

for time sake we're not going to use 01

play08:10

um preview just because that's going to

play08:12

take super long we'll just use anthropic

play08:14

and we'll use Claude Sonet 3.5 so it's a

play08:17

bit faster and another thing that I

play08:20

always mention that I really like about

play08:21

Claude Dev is that it actually tells you

play08:24

how much API tokens or credits that

play08:26

you're using for certain things so let's

play08:28

go ahead and

play08:30

basically just ask CL Dev right here

play08:33

okay so I got the whole prompt here

play08:35

which is here's a Chrome extension I

play08:37

built that basically takes a YouTube URL

play08:40

and sends an API request to my flask

play08:42

server to get the transcript and then

play08:45

the server sends an open AI API key or

play08:48

API request to summarize it and send it

play08:51

back to my Chrome exent I would like to

play08:54

keep the Chrome extension as is but I

play08:56

would also like to create a new folder

play08:58

for a web based app version that uses

play09:01

the same flask server to send API

play09:04

requests to it the the app.py flask

play09:07

server I want to make the app a nextjs

play09:10

app so read the code of my Chrome

play09:13

extension and walk me through stepbystep

play09:15

setting it up and writing the code and

play09:17

run the commands and create the folder

play09:19

all for me okay so and then I'm

play09:21

referencing stride tube folder as well

play09:24

as the app.py you didn't see my video

play09:27

about making this Chrome extension I'll

play09:28

leave it down below so you can check

play09:29

that out but now we're actually kind of

play09:31

improving upon it and making a web app

play09:33

okay so like I said I really like how it

play09:35

can execute commands for us this is

play09:37

something that cursor composer or cursor

play09:40

can't do yet so kudos to Claude for this

play09:43

I really like this keep up the great

play09:45

work uh at Claud Dev um so we're npx

play09:48

creating a new Next app with the latest

play09:51

and it's naming it stride tube web we're

play09:54

going to run that command as you can see

play09:56

we got the claw Dev terminal open and

play09:59

it's executing really nice stuff so it's

play10:02

already basically seen that it's run

play10:04

that obviously we're going to use

play10:05

typescript eslint Tailwind Source app

play10:09

router sure okay and then it already so

play10:12

I apologize for the confusion it seems

play10:14

that the command to nextjs didn't

play10:16

execute as expected okay let's try again

play10:18

with a more

play10:20

specific we'll create a no so we

play10:23

actually got it I'm going to say it did

play10:26

work actually so that's the one thing is

play10:29

like the feedback loop from it running

play10:31

commands or like doing certain actions

play10:33

it's not 100% dialed in but that's also

play10:36

a little bit difficult and I some of

play10:38

these features like I said are going to

play10:41

be a little bit more difficult when it's

play10:43

not the backbone of the IDE just cuz

play10:45

like it's relying on vs code um you know

play10:49

extens extension capabilities

play10:51

essentially so I said it did work

play10:53

actually but like I mentioned before we

play10:55

can see tokens in tokens out cash uh

play10:59

we're doing prompt caching and then API

play11:01

cost so really nice stuff there and

play11:03

we're seeing diffs right here so really

play11:06

cool you can see apologizing for

play11:08

misunderstanding Thank you for

play11:10

clarifying the xjs app was successfully

play11:12

created let's proceed with setting up

play11:14

the web based version okay so yeah we

play11:17

can see this has been created which is

play11:20

nice okay so it's going to create the

play11:22

main page let's do save okay so it looks

play11:26

like it's creating API

play11:30

input okay so it's creating some

play11:32

components so three components API input

play11:34

video input and then transcript

play11:36

summarizer sure I'm just going to like

play11:38

completely run this on autopilot let

play11:40

Claude Dev handle this let's see how it

play11:42

works okay great we've successfully

play11:44

created these components now it wants to

play11:46

create the video okay so creating one by

play11:48

one that's cool the one thing is like it

play11:51

would be cool I don't know if it does

play11:53

this but to or it could just create all

play11:56

them at once so like if that was an

play11:58

option like how composer can do like I

play12:01

think if a really cracked a really

play12:04

powerful strategy would be if like you

play12:06

can merge the features between claw Dev

play12:08

and uh cursor because claw Dev like I

play12:11

said has some really cool unique things

play12:13

so if cursor added these or if you know

play12:15

Claud Dev you know I think if Claude Dev

play12:18

could like it was it's a really big

play12:20

project to create an actual full-blown

play12:21

IDE but I think that's really the route

play12:24

you eventually have to go if you really

play12:26

want to compete with some of these

play12:28

bigger players okay so now it's done

play12:30

that now it's updating the page to

play12:33

render these use server uh use client

play12:37

director for server side rendering is

play12:39

that within the page okay whatever um

play12:42

and then adjust the layout to and style

play12:45

okay I'm just going to click save like

play12:46

there's probably some issues here like

play12:49

if I was actually building this app

play12:50

certain things I would want to change

play12:52

but we're going to go ahead and allow

play12:54

this okay now this is great you know it

play12:56

can run this command to CD into this and

play12:59

then mpm runev okay so seems like the

play13:03

Run command so it actually did work

play13:05

again so seems like it always messes up

play13:09

a little bit what so I'm going to allow

play13:11

this so it's started on Local Host okay

play13:13

so I think cuz I already have a project

play13:16

started on Local Host 3000 I'm curious

play13:18

if we'll be able to pick it up and let's

play13:21

see so let's go ahead and check this out

play13:22

first of all okay so not bad I mean it's

play13:25

pretty like not you know Vis so we have

play13:28

a Hy ation error I don't know if that's

play13:30

a I probably could fix this myself so

play13:33

let's see

play13:35

components client use client use client

play13:39

save save okay yeah that fixed it um so

play13:43

you can open the open a oh enter the

play13:45

open AI key here and then enter the

play13:48

video URL here so let's go ahead and

play13:50

test this I'm curious if this is going

play13:52

to work out a box one thing that we do

play13:54

have to do that it didn't mention is

play13:56

start up the flask server okay I'm just

play13:58

going to start the flask server myself

play14:00

so python

play14:02

app.py okay we got that running I'm

play14:05

going to go ahead and test okay so I

play14:07

like that it added the the password um

play14:10

kind of like blocking out for this API

play14:12

key for me we can save and it saved API

play14:15

key now let's grow go to YouTube that

play14:18

shows up in your gut and so now we can

play14:20

okay so I'm going to grab this clip from

play14:22

the Allin podcast and we're going to

play14:24

paste this guy in here so let me just

play14:26

make sure I got the full thing so I'm

play14:30

copying the URL pasting it and it looks

play14:32

like it automatically only puts

play14:35

in the uh ID so that's interesting let's

play14:39

go ahead and

play14:41

summarize okay great so we got the

play14:45

transcript okay wow this worked right

play14:47

out of box so obviously like if I was to

play14:50

improve upon this app um yeah I would

play14:53

obviously make like I could basically

play14:55

customize a summary prompt for open AI

play14:57

or quad or like customize it to send it

play15:00

to whatever API tool I wanted and

play15:02

basically tell it like either give me a

play15:04

longer summary or you know dissected or

play15:07

pull out 10 viral script ideas or like

play15:10

do whatever you want with this right but

play15:12

you see the power of I mean I guess AI

play15:15

in general but I mean even Claude Dev

play15:17

right here did this in one shot so

play15:18

Claude Dev is definitely I know we all

play15:21

love cursor a lot of us love cursor but

play15:23

I think Claude Dev is one of the top uh

play15:26

chro like BS code extensions

play15:29

just because of its capabilities like

play15:32

this I'm going to say so I said great

play15:34

please take a look at it on Local Host

play15:36

31 and make the UI look more modern

play15:40

after you inspect it all right so now

play15:41

it's requesting to inspect it so this is

play15:43

a new feature we're going to accept it

play15:46

curious to see how this does right this

play15:47

the first time I'm using it okay so it

play15:49

took a screenshot right here so we

play15:52

literally have this screenshot that it

play15:54

took and it's saying thank you for

play15:56

providing this uh let's update the main

play15:59

page to create more modern layout we're

play16:01

going to save this I mean with all these

play16:03

advancements like screenshotting like

play16:05

you know being able to read the error

play16:07

logs it's kind of just eliminating all

play16:10

the back and forth like the overarching

play16:13

like thing that us as developers really

play16:15

do it's really mitigating those little

play16:17

things so I mean as we're going to see

play16:20

these feedback loops it's the feedback

play16:21

loop from it generating code to it being

play16:24

able to iterate upon it is getting

play16:26

shorter and shorter um it's kind of

play16:28

going to go get a little bit crazy I

play16:30

feel like so um cool we implemented this

play16:33

now it's gonna edit some of these

play16:34

components I like how it shows the diffs

play16:37

like this all right similar to kind of

play16:39

almost like cursor it's not as good

play16:41

because you really just can't get it as

play16:44

good unless you have the IDE as the

play16:46

backbone because it's really hard for an

play16:49

extension to do actual stuff like within

play16:52

the editor interface vs code really

play16:54

doesn't uh allow a lot of that stuff so

play16:57

I mean this would be in my opinion a lot

play16:59

better if you could have a setting where

play17:01

it um updates all these files at once

play17:04

but it's still good um I like how it has

play17:07

the option to do it one by one but I

play17:09

think it would be good if it integrated

play17:11

some of those features that we like with

play17:12

composer um as well as also too um they

play17:16

sh I mean I don't know how hard this

play17:17

would be within the extension but those

play17:20

checkpoints feature that checkpoint

play17:21

feature that cser just got is really

play17:24

awesome I think if the Claud Dev uh Team

play17:27

could figure out how to do something

play17:28

like that I think that's a crucial

play17:31

part okay so now it's going to in

play17:33

inspect it again while it's inspecting

play17:35

it itself we can inspect it

play17:37

too okay so already it's a lot nicer oh

play17:42

my okay so this is really cool it

play17:44

actually embeds the video right here so

play17:47

it's not a perfect embed I could

play17:49

actually tell it to make the embed

play17:51

window a bit larger but I mean we could

play17:53

put a nice optimized logo right here you

play17:56

know change some of the this add

play17:58

authentification

play17:59

add a bunch of different you know

play18:01

features and it would be a pretty cool

play18:03

app like you know we have the web app

play18:05

now you saw my video we made the Chrome

play18:07

extension we could integrate them to

play18:09

real the really like you know nicely

play18:11

together and uh pretty cool stuff we

play18:14

could obviously have more stuff than

play18:15

transcript and summary okay so it

play18:17

inspected it and it's basically saying

play18:19

okay we can see this has been really

play18:21

improved now it's actually offering to

play18:24

make even more improvements so adding a

play18:25

subtle animation to the title cool okay

play18:28

we're just going to allow it to do all

play18:30

this enhance the video input field with

play18:32

an icon sure why not at a loading State

play18:35

when

play18:36

summarizing this is actually getting

play18:38

sick I'm not going to lie this feature

play18:41

needs to be added into cursor because

play18:43

this like the the the it being able to

play18:47

have a feedback loop of itself of like

play18:49

the live of the live deployment you know

play18:52

on Local Host is pretty crazy it's

play18:54

pretty powerful you're saying make the

play18:56

video embed the same dimensions as a

play18:58

normal YouTube video okay so this is the

play19:01

final Pro the final product right now we

play19:03

got this kind of Animation right here it

play19:05

looks pretty cool looks pretty modern I

play19:07

mean I would obviously put a logo here

play19:10

but uh we have the nice UI obviously if

play19:12

I wanted to I could tell it to do use

play19:14

some Shad CN components um and then we

play19:17

just paste in the URL here and it embeds

play19:20

automatically which is really nice and

play19:23

then obviously we could summarize and

play19:26

it's going to send that request hit the

play19:28

trans script get the summary and boom

play19:30

there we have it so all in all I think

play19:33

this these new claw Dev features are

play19:35

super super powerful once again let me

play19:36

know what you guys think do you think

play19:38

the uh claw dev has the potential to

play19:40

compete with cursor or maybe some of

play19:41

these other tools do you think it is the

play19:43

best extension or do you think it is

play19:45

better than cursor because I know a lot

play19:47

of you maybe even do like uh Claude as

play19:50

the top one I've seen some people say

play19:52

that so I think it is very powerful if

play19:54

so if you are like an avid Claud user

play19:56

let me know what some of the cool stuff

play19:58

you guys have built with it what are

play20:00

some of the cool stuff that you like

play20:02

with it and why do you like it better

play20:04

than some of the other ones right I I do

play20:06

like how the fander is constantly

play20:08

pumping out new updates I am excited to

play20:10

see what he has in store for the next

play20:13

month two months and uh and yeah other

play20:16

than that guys if you got some value

play20:17

from this video uh we upload videos

play20:19

every day on ai ai coding Business

play20:22

Marketing sales business growth Etc a

play20:24

bunch of different stuff so you got some

play20:26

value and like this type of content make

play20:27

sure to smash that like button smash

play20:29

that subscribe button we're approaching

play20:30

that 7K subscribers Mark so thank you

play20:32

for all the recent support guys really

play20:34

appreciate it really grateful other than

play20:36

that guys um if you haven't already

play20:38

joined our free Discord Channel and

play20:40

Facebook group go to stri community.com

play20:42

link for that will be down below so we

play20:43

can network with each other and share

play20:45

some value I will see you in tomorrow's

play20:47

video guys keep hustling keep grinding

play20:49

and of course guys accelerate your

play20:51

stride take care

Rate This

5.0 / 5 (0 votes)

Related Tags
AI ProgrammingClaude DevCoding ToolsVisual Studio CodeExtension UpdatesIDE IntegrationWeb DevelopmentAI DebuggingChrome ExtensionTech Review