Hey gang, Chris here. I came across something pretty phenomenal today that I wanted to share with you. Some of you may

already be aware of it, but I expect a lot of you aren't, unless you're trying to use some sort of LLM for code

assist. Uh, what I'm going to talk with you about today is something called Kleene. It used to be called Claude

Dev, and some news came out around three or four days ago about the update to Claude Dev, now called Kleene. Uh,

basically, the main update was that it enables you to use large language models other than Claude inside your development

environment. In this case, I'm using VS Code. So, um, my historical approach to working has been to, you know, go here to

Claude and work with their really terrific experience. Uh, for example, here's an example I've shown you

guys in the past. You can go over here and you can generate code, and if it's, you know, certain kinds of code like

this one, you can run it in the browser—super cool! Except there's still a lot of work back and forth as you, you know, you

save your files or you copy and paste your code out of the window into your development environment. Well, what I

didn't know is that Claude Dev existed—now again called Kleene, which is a combination of command-line

interface and development environment. So anyhow, um, what I learned is that there's a plugin for VS Code

that you can add to bring Claude or other models in. In fact, I also learned, looking at these videos, that it now

supports not only Claude but also GPT, Llama, Mistral, other ones. But you have to have an API; okay, so it's an

API-based system. But what you do is you install it; it's got a great little installer which you can go to

right here and just install it; it pops right up in VS Code, which I tend to like because VS Code is super fast when you're

actually launching it. And then you have the ability to, you know, hit Control+Shift+P and bring up commands if you

want, for a client like this. And you can focus it on a line of text, you can focus it on a certain view, or you can refer to

files, and then it walks you through a workflow; it says, okay, I need to access the file. I want to make these changes, so I'm

going to show you right now is I'm in the middle of a very minor task that I made of it. I have this little game here

I'm working on where this little guy has been playing too many video games. This is gamer art, so please forgive me. I've

got some art that I generated for Midjourney. There's really no art in it other than that, and the bubbles are all

you know, generated as circles and they're floating up, etc. But he's been sitting here a while, and he's all of his

intelligence is leaking out of his head in bubbles. Okay. Um, but if I come in here and bubble-click—it's a it's a clicker

game—you know, if I... it's it's meant for mobile, so you can come here and click it

with your thumbs if you're playing on a mobile interface. Anyway, you start building up the intelligence, and then you can buy

auto-clickers, and here's like a small book. And the idea is that once he reads a small book, you know, it'll it'll

fight the fact that he's losing all of his intelligence while playing all these video games or watching too many movies

or whatever screen time, or whatever. Anyhow, so um, it historically has been that he starts out like this; he's, you know, high

intelligence—smartest, what it says up here—and then it slowly drains as he reads books. And the idea is you're

supposed to click up enough to keep his intelligence up at the top, but that's not exactly what I want as a game mechanic.

I'm trying to figure it out now, so I said, "find um, Klein," which I connected to Claude. Okay, I have a Claude API account.

I'm going to talk about that in other videos, um, but actually I have talked about it in the CleanMail videos, but

the idea is you can go on Claude—you know, I think you start out with $25, and then you use credits; it's a really cheap

way to get code assist, um, if you want to. It's API, and you get an API key and you

put the API key after you've installed Klein into VS Code. Just—there's steps out there; I won't necessarily go into it

here, uh, because I want this to be a fast video. But once it's there, you bring up the Klein chat window and you give it

what you want it to do. In this case, I said, "you know, update the game so that the boy starts out with zero"

intelligence." Now, here's what—this is where I was really delighted. All right, so this was only a one-step change, but

it got access to it; it ran through; it actually told me how much it cost. It cost me 8 cents—8.61 cents—right there.

Dang, this is awesome! Okay, so it only made one line change in this particular thing, uh, which is a little dopey. I, I, you

know, could have made the change myself, but I'll show you a more interesting change in just a minute. It

figured out what was going on; it says, "Hey, can I read the file?" It did it, and all it

did was change the intelligence level from 100 to zero. So that's perfect; that makes a lot of sense. Um, and then it's

like, "Hey, you want to save it?" And I'm going to save it in just a minute, but once I save it, you don't get to see this.

The cool part is that it's all built in; it's got an automatic diff right here for you. So, whereas I have been

historically working with Claude here and, you know, doing this, which has been wonderful, I can actually—by the way, I

can use Claude's interface here, Artifacts, which is what it's called on the mobile phone, and I can be coding on

the mobile phone and trying things out. Uh, so there's still a really lovely workflow there if you're trying

to get something done on the go, but it also is nice that it comes right here to your local computer and it's

working right in your code editor so that you can be more efficient. So anyway, that's the cool

part: it's got the diff tool that's built in. This diff tool is built into VS Code. Okay, so this is not what Claude's bringing or Klein is bringing, but it uses the diff tool so that you can quickly see the changes and

then you can accept them, which is right there. So that's all the changes; it actually spits it all out. I'm going to

hit save, and then it's going to do some other things. It's actually going to go, 'Hey, can I go check it out and make sure

it's right?' It actually goes through a really lovely workflow just to be sure that everything is saved

accordingly. It even wants to launch it. I'm not going to have it do that for this demo, but let

me show you more interesting changes I had it make earlier. This is GitHub—the diff tool in GitHub Desktop. So I

said, 'Hey, uh, what I really want is, when I started out making the clicker game earlier, it just said "generator." So if you

clicked a big circle long enough, it would allow you to buy a generator to automatically click for you, kind of like

Cookie Clicker, if you've heard of that game, or others—nothing new there. But as I changed the mechanic and I started to

realize what I wanted to do, I said, 'I want to use, you know, labels for, like, if the kid has a small book, he can

save some intelligence so he can grow his intelligence and fight this brain drain.' Oh, that might be the name of the

game. Um, playing outside, math practice, playing sports, big books—I put all these into a Dev, which is the HTML

section, if you're familiar. You know, uh, but what happens is, even though I did that, the labels were still showing up as

uh, you know, 'power generate' showing up as 'generate' and then a power number. And this is the actual string of text that was doing it.

So then what I did was I told Claude—and well, to be specific, I told Claude through the Klein

interface—actually, 'I would like you to update this to use the labels that I have in the pop-out menu div. I want you

to add those labels into my generator's constant, and then I want you to update this line of text to actually use the

right labels.' It did it in one shot. And before I accepted it, like I did with you guys just a minute ago where I hit the

accept button, it showed me in the div tool, so I didn't have to go jump into the online CLA interface. It's the same

backend model, to be clear; it's using Claude 3.5 here, you know, 3.5 Sonnet, which

is killer. Uh, but instead of using this interface, which also takes, you know, credits out of my initial money that

I put in, it's using it right through my browser. It literally took me five minutes; that was it. To go online, find

Klein, which is here, do a—do a—and actually you don't actually have to do a

GitHub install, you can just go uh, to download it right on the VS Code Marketplace. Okay, so you can go right

into the Visual Studio Marketplace, install it. It pops right into here, as I said earlier. You do the install, you're

add your API key, uh, and then the only challenging part is remember to hit Control+Shift+P and then type

Cline to get whatever it is you want because there's different workflows that you may want. You might want just to

update a one sentence, which you can do. So check this out. Let's say if I wanted to go into um, this section here and

Control+Shift+P and I say Cline, you can either focus on the view, but you can also start an editor with the current line

right in line, just like you can do uh, if you're if you're doing like in-painting with an image, or if you come over here

to uh, the cloud interface, you can also now select like that and it'll say "improve," and you can tell what you want

to do. So this kind of stuff is evolving, and if if you're still working say with ChatGPT where you're copying and pasting

code out of ChatGPT into your editor, or if you happen to be using, excuse me, "cloned"

with your uh, with their um, artifacts interface, that's totally cool. But if you happen to be using VS Code, you can come

right in here and and with just a little bit of work, you can integrate access to Cline right inside of your IDE. By the

way, GitHub also has one called GitHub Copilot. I can't talk, and when you install that one, it'll pop

up over here, same kind of thing, and you can bring up a chat window just like I have with with Cline. So I'm just hit

that one, you can see that one as well. I'm not going to talk too much about Copilot Chat; it is here, same kind of

Stuff, honestly, it's not yet as powerful.  Climb, like, it did not do this; it did not do this.

Um, inline stuff, or didn't use the diffs when I first tried it, which was honestly last week. So, uh, but this is also a

plugin. You can install it; it's GitHub Copilot. I can't quite tell, honestly, if it's from Microsoft or from GitHub or

what, because Microsoft also has Copilot, but I think GitHub owns it, and then they let you attach to some sort of free, uh,

API on the back end and runs their LLM. So, same kind of thing, but you now have the ability in VS Code to run at least

two different large language model chat interfaces. I may play more with Copilot to see if it can do this inline bit

because it, you know, it does have some stuff up here. So, if I type in Copilot... try that again: Control+Shift+P.

Copilot. Yeah, you can see all the, all the stuff it has: Add file, chat, collect diagnostics, explain, fix, generate docs; it

does some other stuff, too. I don't quite know whether or not you can go quite inline, but there is this inline chat right

here. So, maybe... Anyway, I was delighted because I didn't know that um, Klein existed. Now I do, and I thought I'd

share that stuff with you guys. Let's see whether or not my, my fix actually worked. I'm going to flip over to my little

Cline  LLM CoDev In VSCode

Chris Harden

Kleene 소개 및 기존 코드 지원 방식과의 비교

Chris Harden이 Kleene(이전 Claude Dev) 플러그인을 소개하며, 기존 LLM 코드 지원 방식의 불편함(파일 저장 및 코드 복사/붙여넣기)을 언급

Kleene의 주요 업데이트는 Claude 외 다른 LLM 사용 가능하게 함

VS Code 개발 환경에서 Kleene 사용 예시 설명

기존 Claude를 이용한 코드 생성 및 브라우저 실행 방식 설명

Kleene은 명령줄 인터페이스와 개발 환경을 결합한 플러그인

VS Code 플러그인 설치 방법 설명

Claude, GPT, Llama, Mistral 등 다양한 모델 지원 (API 필요)

VS Code에서 빠른 설치 및 실행 강조

Control+Shift+P를 이용한 명령어 실행 방법 설명

파일 및 특정 영역에 대한 코드 수정 지원

Kleene를 이용한 게임 코드 수정 예시

개발 중인 간단한 게임 소개 (인텔리전스가 줄어드는 게임)

Claude API 계정 사용 및 비용 (8센트) 언급

Kleene를 이용한 게임 코드 수정 요청 및 결과 (인텔리전스 초기값 100에서 0으로 변경)

VS Code 내장 diff 도구를 이용한 변경 사항 확인 및 저장

더 복잡한 코드 수정 예시 (게임 내 라벨 변경)

Kleene 설치 및 사용 방법 요약 및 다른 LLM 플러그인과의 비교

VS Code Marketplace에서 Kleene 설치 방법 설명

API 키 추가 및 Control+Shift+P를 이용한 Cline 명령어 실행 방법

ChatGPT 또는 다른 인터페이스와 Kleene 비교

GitHub Copilot과의 비교 (기능 및 성능 차이)

Kleene 사용 후기 및 API 필요성 언급