正在加载视频...

视频加载失败

返回首页

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 次观看 • 3 年前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Artificery 的头像
Artificery3 年前

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 的头像
killian3 年前

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 的头像
Logan Kilpatrick3 年前

Very cool!

killian 的头像
killian3 年前

Thanks Logan!

Philippe 的头像
Philippe3 年前

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

killian 的头像
killian3 年前

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

bg 的头像
bg3 年前

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

. 的头像
.3 年前

Hey thanks for making this amazing code

killian 的头像
killian3 年前

@_itsnotaj_ appreciate it aj!

Ollayor M 的头像
Ollayor M3 年前

🔥

相关视频

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 次观看 • 9 个月前

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 次观看 • 8 个月前

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 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 2 个月前

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 次观看 • 6 个月前

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 次观看 • 3 个月前

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 次观看 • 1 年前

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 次观看 • 2 年前

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 次观看 • 1 年前

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 次观看 • 1 年前

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 次观看 • 8 个月前

.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 次观看 • 8 个月前

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 次观看 • 11 个月前

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 次观看 • 3 个月前

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 次观看 • 1 年前

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 次观看 • 6 个月前