Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Open Interpreter can write + run HTML/CSS/JS to make bespoke apps on the fly. > Can you make me a Pomodoro timer?

hellokillian's profile picture

killian

32,465 subscribers

353,434 görüntüleme • 3 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Artificery profil fotoğrafı
Artificery3 yıl önce

Wow the design and UI is actually pretty neat! Is it building using Vanilla HTML, CSS and JS? Does it have access to the internet? Like can I point it to the new shadcn UI component library and it’ll use it? I’m excited to see when open-interpreter can create full complex apps 🚀

killian profil fotoğrafı
killian3 yıl önce

try it! it can use chrome, but i'm not sure it could really figure out how to use a new component library. it really shines with Tailwind CSS. that's a very compressed, intuitive design system, which is what LLMs ❤️

Logan Kilpatrick profil fotoğrafı
Logan Kilpatrick3 yıl önce

Very cool!

killian profil fotoğrafı
killian3 yıl önce

Thanks Logan!

Philippe profil fotoğrafı
Philippe3 yıl önce

Absoluty not the subject ahah, but what is your screen background ? I love it 👀

killian profil fotoğrafı
killian3 yıl önce

thanks phyb! i'm so happy to share these lol, i made a ton of wallpapers for the vid

bg profil fotoğrafı
bg3 yıl önce

wow, open interpreter is amazing. Using it in a terminal with cursor and going nuts. IMO is the next key thing cursor was missing :)

. profil fotoğrafı
.3 yıl önce

Hey thanks for making this amazing code

killian profil fotoğrafı
killian3 yıl önce

@_itsnotaj_ appreciate it aj!

Ollayor M profil fotoğrafı
Ollayor M3 yıl önce

🔥

Benzer Videolar

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file
2:13

Prompt: Make a game like flappy bird using HTML/CSS/JS in a single HTML file

Diego | AI 🚀 - e/acc

145,645 görüntüleme • 9 ay önce

Prompt: Make a side-scrolling platformer game like Super Mario Bros. using HTML/CSS/JS in a single HTML file.
1:53

Prompt: Make a side-scrolling platformer game like Super Mario Bros. using HTML/CSS/JS in a single HTML file.

Diego | AI 🚀 - e/acc

84,803 görüntüleme • 8 ay önce

Zero Hand Tracking is here! Working on the OS and sensor integration. Accesibility is key, that's why apps are HTML/CSS/JS 2D web apps render as panels in front of you. It's really easy to make this kind of app for Zero 3D apps, like below, run over WebXR, here using #threejs
0:28

Zero Hand Tracking is here! Working on the OS and sensor integration. Accesibility is key, that's why apps are HTML/CSS/JS 2D web apps render as panels in front of you. It's really easy to make this kind of app for Zero 3D apps, like below, run over WebXR, here using #threejs

Miroslav Kotalík

13,123 görüntüleme • 1 yıl önce

Open Interpreter is like ChatGPT Code Interpreter, but you can run it locally on your computer, and it is 100% open-source. Write and execute code, analyze data, control your computer, and more. Great work killian Here's how to install and use it: 👇
1:30

Open Interpreter is like ChatGPT Code Interpreter, but you can run it locally on your computer, and it is 100% open-source. Write and execute code, analyze data, control your computer, and more. Great work killian Here's how to install and use it: 👇

Matthew Berman

142,918 görüntüleme • 2 yıl önce

Why HTML turned out to be the foundation for agentic video making from Bin Liu: “We’ve been trying to build a video agent. However, we learned the hard way that agents have no visual intelligence. So that’s when we turned to code. HTML is the LLM’s native language. LLMs can express not only information, but also visual aesthetics through HTML, CSS, and JavaScript. Footage, images, assets, SVGs can all sit on top of HTML." 📌 As an example, see how you can make a product video from any website URL here:
0:41

Why HTML turned out to be the foundation for agentic video making from Bin Liu: “We’ve been trying to build a video agent. However, we learned the hard way that agents have no visual intelligence. So that’s when we turned to code. HTML is the LLM’s native language. LLMs can express not only information, but also visual aesthetics through HTML, CSS, and JavaScript. Footage, images, assets, SVGs can all sit on top of HTML." 📌 As an example, see how you can make a product video from any website URL here:

Peter Yang

16,653 görüntüleme • 2 ay önce

i built an entire x86 CPU emulator in CSS (no javascript) you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS
0:59

i built an entire x86 CPU emulator in CSS (no javascript) you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS

Rebane

1,076,518 görüntüleme • 6 ay önce

Wow very easy to create a Codex Site with a Convex DB that your agent can write to. You can make a todo list app that is hosted on Codex Sites, then tell Codex to make a skill that allows the agent to WRITE/EDIT to that todo list db. And then in any chat you can add to your list. Here's example.
0:40

Wow very easy to create a Codex Site with a Convex DB that your agent can write to. You can make a todo list app that is hosted on Codex Sites, then tell Codex to make a skill that allows the agent to WRITE/EDIT to that todo list db. And then in any chat you can add to your list. Here's example.

Riley Brown

54,081 görüntüleme • 3 ay önce

Fortnite's new car hydraulics can make you fly
0:33

Fortnite's new car hydraulics can make you fly

Nick Eh 30

460,855 görüntüleme • 1 yıl önce

Open Interpreter's new release looks great for locally running LLMs The tool lets LLMs run code (Python, Javascript, Shell, and more) locally. You can chat with Open Interpreter through a ChatGPT-like interface in your terminal by running $ interpreter after installing. Just do `pip install open-interpreter` and then just run `- interpreter --local` sets up fast, local LLMs. Congrats killian 👏
1:23

Open Interpreter's new release looks great for locally running LLMs The tool lets LLMs run code (Python, Javascript, Shell, and more) locally. You can chat with Open Interpreter through a ChatGPT-like interface in your terminal by running $ interpreter after installing. Just do `pip install open-interpreter` and then just run `- interpreter --local` sets up fast, local LLMs. Congrats killian 👏

Rohan Paul

154,697 görüntüleme • 2 yıl önce

Claude 3.7 Sonnet is insane... just one prompt, and you get these animated cards in HTML, JS, and CSS. You can try it for free in VSCode using the CodeGPT extension. Sharing the prompt in this thread 👇
0:20

Claude 3.7 Sonnet is insane... just one prompt, and you get these animated cards in HTML, JS, and CSS. You can try it for free in VSCode using the CodeGPT extension. Sharing the prompt in this thread 👇

Daniel San

117,724 görüntüleme • 1 yıl önce

All dialogue moments from my Rick Sanchez Pomodoro Timer 🧪 Some lines are there just to make me giggle okay,, very self-indulgent #RickSanchez #RickandMorty
1:31

All dialogue moments from my Rick Sanchez Pomodoro Timer 🧪 Some lines are there just to make me giggle okay,, very self-indulgent #RickSanchez #RickandMorty

VicArtless #VicArtGames

10,400 görüntüleme • 1 yıl önce

Brendan Sorsby takes Texas Tech from a team that can make the playoff to a team that can go on a run.
1:22

Brendan Sorsby takes Texas Tech from a team that can make the playoff to a team that can go on a run.

J.D. PicKell

36,282 görüntüleme • 8 ay önce

.Danny Parkins thinks Justin Herbert and the Chargers can make a run 👀 “The AFC is wide open.”
3:46

.Danny Parkins thinks Justin Herbert and the Chargers can make a run 👀 “The AFC is wide open.”

First Things First

83,503 görüntüleme • 8 ay önce

You can now also write VR apps for Quest devices with React Native. Expo Go is now available on the Horizon Store so you can bring your apps to Horizon with the blink of an eye!
0:34

You can now also write VR apps for Quest devices with React Native. Expo Go is now available on the Horizon Store so you can bring your apps to Horizon with the blink of an eye!

React Native

24,269 görüntüleme • 11 ay önce

Just a reminder, when you go to a hospital because your sick, it’s the not nurses job to cure or diagnose you, it’s their job to make sure they run as many test as possible so they can make your bill as high as possible. The sicker they make you out to be the more test they can run and the more than can bill you and your insurance company.
2:57

Just a reminder, when you go to a hospital because your sick, it’s the not nurses job to cure or diagnose you, it’s their job to make sure they run as many test as possible so they can make your bill as high as possible. The sicker they make you out to be the more test they can run and the more than can bill you and your insurance company.

RyanMatta 🇺🇸 🦅

26,612 görüntüleme • 3 ay önce

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.
0:37

I made a plugin that turns figma designs to code using Claude AI Works with HTML, CSS, Tailwind, SwiftUI, Flutter, etc. This is production level code and you can enter custom prompts like "make it functional" or "add hover states". Oh and it's free. You can use your api keys.

Meng To

221,140 görüntüleme • 1 yıl önce

I made a super fun ASCII art editor that lets you animate images, videos and live cam. You can preview with HTML and export to JS. It's live on
0:46

I made a super fun ASCII art editor that lets you animate images, videos and live cam. You can preview with HTML and export to JS. It's live on

Meng To

234,942 görüntüleme • 6 ay önce