Loading video...

Video Failed to Load

Go Home

Introducing Cleo, a new AI developer tool for React. Select an element, write a prompt, and watch your changes happen in real time.

hdjirdeh's profile picture

Houssein Djirdeh

11,583 subscribers

30,866 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing React Grab: Select an element → give it to AI as context → make a change to your page Try it now - it's open source!
0:28

Introducing React Grab: Select an element → give it to AI as context → make a change to your page Try it now - it's open source!

Aiden Bai

439,281 views • 7 months ago

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!
0:30

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini App

412,063 views • 1 year ago

I hated spending minutes trying to explain which element I meant in a long prompt, so I shipped something to fix it. Inspector’s new precision UI select tool connects the element on your screen to its exact source code, saving you time on prompting.
3:21

I hated spending minutes trying to explain which element I meant in a long prompt, so I shipped something to fix it. Inspector’s new precision UI select tool connects the element on your screen to its exact source code, saving you time on prompting.

mikeBuildsMore

11,960 views • 6 months ago

AI agents can now see your UI like you do. Select any element in your live app, leave a comment, and your AI agent fixes it in your local codebase automatically. This is wild for React devs. 100% Opensource and Local.
0:33

AI agents can now see your UI like you do. Select any element in your live app, leave a comment, and your AI agent fixes it in your local codebase automatically. This is wild for React devs. 100% Opensource and Local.

Unwind AI

12,591 views • 9 months ago

Introducing `Claude-Author` 📕✍️ One prompt -> an entire novel! Just describe the high-level details, and a chain of AI systems will write an entire book for you in minutes. - complete w/ cover art - packages your book as a real e-book And it's open-source!
0:44

Introducing `Claude-Author` 📕✍️ One prompt -> an entire novel! Just describe the high-level details, and a chain of AI systems will write an entire book for you in minutes. - complete w/ cover art - packages your book as a real e-book And it's open-source!

Matt Shumer

671,838 views • 2 years ago

Write a prompt, you’ll use it once. Write a skill, you’ll use it forever. Introducing custom skills for Notion AI.
0:34

Write a prompt, you’ll use it once. Write a skill, you’ll use it forever. Introducing custom skills for Notion AI.

Notion

85,045 views • 2 months ago

Introducing Cline CLI 2.0: An open-source AI coding agent that runs entirely in your terminal. Parallel agents, headless CI/CD pipelines, ACP support for any editor, and a completely redesigned developer experience. Minimax M2.5 and Kimi K2.5 are free to use for a limited time. From prompt to production. All in your terminal.
1:01

Introducing Cline CLI 2.0: An open-source AI coding agent that runs entirely in your terminal. Parallel agents, headless CI/CD pipelines, ACP support for any editor, and a completely redesigned developer experience. Minimax M2.5 and Kimi K2.5 are free to use for a limited time. From prompt to production. All in your terminal.

Cline

550,360 views • 3 months ago

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.
0:28

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

joshpuckett

104,081 views • 4 months ago

Introducing Multi-select ✨. Edit multiple screens with a single prompt. 1. Hold SHIFT and click to select all the screens you want to edit (Fix for CMD/Ctrl rolling out now) 2. Write one prompt to apply your prompt across all the selected screens Perfect for creating consistent variations or updating entire flows in seconds. Let your imagination run wild!
0:28

Introducing Multi-select ✨. Edit multiple screens with a single prompt. 1. Hold SHIFT and click to select all the screens you want to edit (Fix for CMD/Ctrl rolling out now) 2. Write one prompt to apply your prompt across all the selected screens Perfect for creating consistent variations or updating entire flows in seconds. Let your imagination run wild!

Stitch by Google

60,501 views • 9 months ago

Mini Hollywood in your pocket! I created an ad video for SHILAJIT Energy Drinks using just one prompt and this NEW tool! It took 2 minutes. No editing. No scripts. No team. Just me, a URL, and this new AI tool 👇
0:32

Mini Hollywood in your pocket! I created an ad video for SHILAJIT Energy Drinks using just one prompt and this NEW tool! It took 2 minutes. No editing. No scripts. No team. Just me, a URL, and this new AI tool 👇

Fakhr

39,968 views • 9 months ago

An era ends for writers, authors and novelists. This AI tool changes writing forever. Here's how to write entire books from scratch (using AI):
0:24

An era ends for writers, authors and novelists. This AI tool changes writing forever. Here's how to write entire books from scratch (using AI):

Moritz Kremb

271,476 views • 3 years ago

You can now edit images in design mode in v0. Select an image and regenerate to get a new version, or use "Prompt to Edit" to describe specific changes.
0:22

You can now edit images in design mode in v0. Select an image and regenerate to get a new version, or use "Prompt to Edit" to describe specific changes.

v0

16,594 views • 7 months ago

Are you just starting to write code for the 1st time with AI tools like Cursor? Use this prompt in your “Rules for AI”. It turns the AI into an *amazing* personal coding tutor that teaches you everything like a pro. Never get stuck in a project again. Full prompt below.
6:52

Are you just starting to write code for the 1st time with AI tools like Cursor? Use this prompt in your “Rules for AI”. It turns the AI into an *amazing* personal coding tutor that teaches you everything like a pro. Never get stuck in a project again. Full prompt below.

Mckay Wrigley

190,091 views • 1 year ago

Introducing WireView, a new tool for the iOS developer workflow. It’s primarily for me but you can have it, too.
3:51

Introducing WireView, a new tool for the iOS developer workflow. It’s primarily for me but you can have it, too.

sam henri gold

117,565 views • 3 months ago

Introducing the Aave V3 developer toolkit. A new SDK, React hooks, and API let you connect to Aave markets and deploy vaults in minutes.
0:26

Introducing the Aave V3 developer toolkit. A new SDK, React hooks, and API let you connect to Aave markets and deploy vaults in minutes.

Aave

217,950 views • 10 months ago

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.
0:59

Your real product lives in the browser. Introducing MagicPath web capture: Import any functional web element into a canvas, edit it visually or with AI, and even request changes right as you capture. You can now finally build with your real product. Capture. Edit. Ship.

Pietro Schirano

117,736 views • 7 months ago

🚨 Introducing Tempo Labs (YC S23) 🚨 A Visual Editor for React, Powered by AI. Feels like a design tool, works like an IDE. Design visually. Ship code instantly. What Makes Tempo Different: ⚡ Code-First: Works with any codebase just like an IDE. 🤝 Live Collaboration: Share links and build together in real-time. 🚀 AI-Powered: Generate full-stack apps using a text or image prompt 📢 We’re LIVE on Product Hunt! So please support us! Link below👇
1:09

🚨 Introducing Tempo Labs (YC S23) 🚨 A Visual Editor for React, Powered by AI. Feels like a design tool, works like an IDE. Design visually. Ship code instantly. What Makes Tempo Different: ⚡ Code-First: Works with any codebase just like an IDE. 🤝 Live Collaboration: Share links and build together in real-time. 🚀 AI-Powered: Generate full-stack apps using a text or image prompt 📢 We’re LIVE on Product Hunt! So please support us! Link below👇

Kevin Michael

108,312 views • 1 year ago

It is possible to write a literature review in a weekend. How? Using an all-in-one AI tool like SciSpace. Watch this 1 minute tutorial on how to use SciSpace like a genius to find research papers and write your literature review efficiently.
1:01

It is possible to write a literature review in a weekend. How? Using an all-in-one AI tool like SciSpace. Watch this 1 minute tutorial on how to use SciSpace like a genius to find research papers and write your literature review efficiently.

Amina Yonis, PhD

12,578 views • 1 year ago

Meet Hemingway. Turn any website into a freeform writing canvas or have AI help you write. Double click any text element to write freely. Or generate new ideas with Claude. Changes are instantly synced to your codebase. Free and open source. Enjoy!
0:36

Meet Hemingway. Turn any website into a freeform writing canvas or have AI help you write. Double click any text element to write freely. Or generate new ideas with Claude. Changes are instantly synced to your codebase. Free and open source. Enjoy!

Hunter Hammonds

14,231 views • 3 months ago

Gemini 3 in AI Mode analyzes your hardest questions and builds a custom layout specific to your query — whether that’s an interactive tool or a simulation coded in real-time. Watch it visualize a complex question about the physics of photography ↓
0:33

Gemini 3 in AI Mode analyzes your hardest questions and builds a custom layout specific to your query — whether that’s an interactive tool or a simulation coded in real-time. Watch it visualize a complex question about the physics of photography ↓

Google

119,471 views • 4 months ago