Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Code Blocks in ChatGPT got more interactive. Write, edit, and preview your code, all in one place: • Create and preview diagrams and mini apps in chat • Review code in split-screen views • Make changes in full-screen view We’d love to see what you’ll build.

OpenAI Developers

349,354 subscribers

426,470 views • 3 months ago •via X (Twitter)

Education News & Politics Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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!

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

🆕 Fresh coat of paint to Code Blocks in ChatGPT ! I esp like using them for in-chat data visualizations - Code Blocks natively support mermaid diagrams, vega, HTML, React, with more 🔜 This is an early launch as we make this a more interactive and useful part of ChatGPT

🆕 Fresh coat of paint to Code Blocks in ChatGPT ! I esp like using them for in-chat data visualizations - Code Blocks natively support mermaid diagrams, vega, HTML, React, with more 🔜 This is an early launch as we make this a more interactive and useful part of ChatGPT

Justin

414,960 views • 3 months ago

Claude Code on desktop can now preview your running apps, review your code, and handle CI failures and PRs in the background. Here’s what's new:

Claude Code on desktop can now preview your running apps, review your code, and handle CI failures and PRs in the background. Here’s what's new:

Claude

9,308,081 views • 3 months ago

To edit the code of a Lovable app: 1. Connect your app to GitHub and open in any code editor. 2. Make your edits in the code editor. 3. Push the changes The updates will automatically reflect in your app.

To edit the code of a Lovable app: 1. Connect your app to GitHub and open in any code editor. 2. Make your edits in the code editor. 3. Push the changes The updates will automatically reflect in your app.

Lovable

20,897 views • 1 year ago

👀 Ever want a second set of eyes on your code? GitHub Copilot code review can help! Available in preview, Copilot code review offers fast, AI-powered feedback on your code as you write it. You can quickly apply any feedback that Copilot suggests, directly in the editor.

👀 Ever want a second set of eyes on your code? GitHub Copilot code review can help! Available in preview, Copilot code review offers fast, AI-powered feedback on your code as you write it. You can quickly apply any feedback that Copilot suggests, directly in the editor.

Visual Studio Code

75,224 views • 1 year ago

We're also launching a preview of Artifacts on You can ask Claude to generate docs, code, mermaid diagrams, vector graphics, or even simple games. Artifacts appear next to your chat, letting you see, iterate, and build on your creations in real-time.

We're also launching a preview of Artifacts on You can ask Claude to generate docs, code, mermaid diagrams, vector graphics, or even simple games. Artifacts appear next to your chat, letting you see, iterate, and build on your creations in real-time.

Anthropic

588,212 views • 1 year ago

New in Visual Studio Code Insiders: Interactive mermaid diagrams in Chat. Zoom, pan, and iterate over mermaid diagrams, or open them in the editor when you need more room. Matt Bierner 🪦 shows you how:

New in Visual Studio Code Insiders: Interactive mermaid diagrams in Chat. Zoom, pan, and iterate over mermaid diagrams, or open them in the editor when you need more room. Matt Bierner 🪦 shows you how:

Pierce Boggan

36,906 views • 4 months ago

With Split View on Mac, you can work in two apps, side by side, in full screen. Here’s how to enter, use, and exit Split View.

With Split View on Mac, you can work in two apps, side by side, in full screen. Here’s how to enter, use, and exit Split View.

Apple Support

48,237 views • 1 year ago

Gemini Code Assist now shares the same technology with Gemini CLI! In VS Code, place any prompt into the chat window using agent mode, and Code Assist will work to write tests, fix errors, build out features, or migrate your code →

Gemini Code Assist now shares the same technology with Gemini CLI! In VS Code, place any prompt into the chat window using agent mode, and Code Assist will work to write tests, fix errors, build out features, or migrate your code →

Google Cloud Tech

62,317 views • 10 months ago

⚡️introducing Dream v2, the first AI no-code tool for building fully-functional web apps 1. describe your app 2. make changes 3. publish in seconds ...all without any code build anything: chatbots, CRMs, internal tools, and more 🛠 create your first app for free: Dream

⚡️introducing Dream v2, the first AI no-code tool for building fully-functional web apps 1. describe your app 2. make changes 3. publish in seconds ...all without any code build anything: chatbots, CRMs, internal tools, and more 🛠 create your first app for free: Dream

calix

27,481 views • 2 years ago

New in Claude Code: agent view. One list of all your sessions, available today as a research preview.

New in Claude Code: agent view. One list of all your sessions, available today as a research preview.

Claude

6,117,665 views • 23 days ago

Create a smart contract, review the code, and run an instant audit in one streamlined workflow. ☺️ ➝ Write your contract idea ➝ Generate clean code in seconds ➝ Audit instantly for risks and fixes ^thats our Smart Contract Generator! 🤖 Start here:

Create a smart contract, review the code, and run an instant audit in one streamlined workflow. ☺️ ➝ Write your contract idea ➝ Generate clean code in seconds ➝ Audit instantly for risks and fixes ^thats our Smart Contract Generator! 🤖 Start here:

ChainGPT

36,928 views • 5 months ago

Introducing canvas—your coding surface in ChatGPT. ✏️ Edit code inline 🐛 Review code and fix bugs 💬 Add logs and comments 🚢 Port to different languages We’ll be adding more to canvas over time. ChatGPT Plus and Team users can try the beta starting today.

Introducing canvas—your coding surface in ChatGPT. ✏️ Edit code inline 🐛 Review code and fix bugs 💬 Add logs and comments 🚢 Port to different languages We’ll be adding more to canvas over time. ChatGPT Plus and Team users can try the beta starting today.

OpenAI Developers

934,386 views • 1 year ago

OpenAI CPO, Kevin Weil: Humans have a strong desire to build and create, even in the age of AGI models will teach new skills and enable more people to create. you might write less code, but you’ll still be managing the models, writing code, and staying technical

OpenAI CPO, Kevin Weil: Humans have a strong desire to build and create, even in the age of AGI models will teach new skills and enable more people to create. you might write less code, but you’ll still be managing the models, writing code, and staying technical

Haider.

19,391 views • 1 year ago

Did you see the latest Visual Studio Code release? 👀 ✨ Preview videos in the image carousel 📋 Copy chat responses into markdown 🔍 Troubleshoot chat problems ⚡ Updated #codebase command ...and more! See what's new →

Did you see the latest Visual Studio Code release? 👀 ✨ Preview videos in the image carousel 📋 Copy chat responses into markdown 🔍 Troubleshoot chat problems ⚡ Updated #codebase command ...and more! See what's new →

Visual Studio Code

86,145 views • 2 months ago

In Cursor you can *easily* turn comments into code. Just write in natural language what you want in your file. Then highlight it, use CMD+K, and ask the AI to translate it into code - and it will! Turn your thoughts right into apps.

In Cursor you can easily turn comments into code. Just write in natural language what you want in your file. Then highlight it, use CMD+K, and ask the AI to translate it into code - and it will! Turn your thoughts right into apps.

Mckay Wrigley

106,485 views • 1 year ago

GPT-5.2-high by OpenAI is off to a strong start in the Code Arena. ⚡️ If you’re new here: Code Arena is where AI models build full web apps, tools, and interactive sites — all from a single prompt. Watch the video to see GPT-5.2-high in action, then try your own prompt and reply with your creation below. ⬇️

GPT-5.2-high by OpenAI is off to a strong start in the Code Arena. ⚡️ If you’re new here: Code Arena is where AI models build full web apps, tools, and interactive sites — all from a single prompt. Watch the video to see GPT-5.2-high in action, then try your own prompt and reply with your creation below. ⬇️

Arena.ai

246,068 views • 5 months ago

A bit late in the day, but lets build a mini-chatgpt in a few lines of Python code👩🏾‍💻🐍✨ We'll use langchain-azure-ai to access Github models (which lets us build with llms for free), and then create a chat interface with streamlit💜 Did it it in *almost* 5mins😂 Code below!

A bit late in the day, but lets build a mini-chatgpt in a few lines of Python code👩🏾‍💻🐍✨ We'll use langchain-azure-ai to access Github models (which lets us build with llms for free), and then create a chat interface with streamlit💜 Did it it in almost 5mins😂 Code below!

Marlene Mhangami

30,590 views • 10 months ago

Computer use is now in Claude Code. Claude can open your apps, click through your UI, and test what it built, right from the CLI. Now in research preview on Pro and Max plans.

Computer use is now in Claude Code. Claude can open your apps, click through your UI, and test what it built, right from the CLI. Now in research preview on Pro and Max plans.

Claude

16,132,009 views • 2 months ago

MCP updates in FigJam so you can visualize your systems (and not just read code) → generate_diagram to create architecture diagrams & ERDs → figma-use-figjam skill to add notes, code blocks, and annotations directly to your board → get_figjam tool to read your board & map out next steps

MCP updates in FigJam so you can visualize your systems (and not just read code) → generate_diagram to create architecture diagrams & ERDs → figma-use-figjam skill to add notes, code blocks, and annotations directly to your board → get_figjam tool to read your board & map out next steps

Figma

210,647 views • 1 month ago