Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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:

pierceboggan's profile picture

Pierce Boggan

11,442 subscribers

36,915 Aufrufe • vor 4 Monaten •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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.
1:16

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,360 Aufrufe • vor 2 Jahren

New in Visual Studio Code Insiders: Language Models editor
0:49

New in Visual Studio Code Insiders: Language Models editor

Visual Studio Code

20,901 Aufrufe • vor 6 Monaten

🆕 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
0:59

🆕 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 Aufrufe • vor 4 Monaten

Diagrams are code ↴ A[𓆟 Mermaid js] --> B{ ✓ now supported} --> C[ <3 on 𝗱𝗱𝗼𝗰𝘀.𝗻𝗲𝘄] Make flowcharts, sequence diagrams, gantt charts, just by writing in your docs!
0:41

Diagrams are code ↴ A[𓆟 Mermaid js] --> B{ ✓ now supported} --> C[ <3 on 𝗱𝗱𝗼𝗰𝘀.𝗻𝗲𝘄] Make flowcharts, sequence diagrams, gantt charts, just by writing in your docs!

Fileverse

12,042 Aufrufe • vor 1 Monat

Mermaid diagrams are now built directly into @Code. 🎉 No extra extension required. 🙌
0:26

Mermaid diagrams are now built directly into @Code. 🎉 No extra extension required. 🙌

Visual Studio Code

228,090 Aufrufe • vor 15 Tagen

Cline v3.4 is out 🚀 Introducing MCP Marketplace! Discover and install the best MCP servers right in the extension, where Cline handles all the setup. We’ve also added mermaid diagrams to Plan mode, new @​terminal and @​git mentions in chat, and visual improvements to checkpoints!
2:05

Cline v3.4 is out 🚀 Introducing MCP Marketplace! Discover and install the best MCP servers right in the extension, where Cline handles all the setup. We’ve also added mermaid diagrams to Plan mode, new @​terminal and @​git mentions in chat, and visual improvements to checkpoints!

Saoud Rizwan

41,548 Aufrufe • vor 1 Jahr

New in Visual Studio Code Insiders: Use any OpenAI-compatible endpoint in Chat.
0:25

New in Visual Studio Code Insiders: Use any OpenAI-compatible endpoint in Chat.

Pierce Boggan

30,134 Aufrufe • vor 10 Monaten

AI just killed more SaaS startups... 💀 Claude can now build interactive charts and diagrams... directly in the chat...
0:53

AI just killed more SaaS startups... 💀 Claude can now build interactive charts and diagrams... directly in the chat...

Min Choi

96,013 Aufrufe • vor 3 Monaten

Mermaid diagrams are the hidden superpower in AI-human communication. They're intuitive for both LLMs to generate and humans to understand, creating a shared visual language that bridges the coding gap. Why does this matter? When working with LLMs, there's usually a translation problem: >You explain what you want in natural language >The AI internally plans complex workflows >You're left wondering "what exactly is it doing?" What makes Cline's implementation so powerful is that it visualizes its planning mode through Mermaid diagrams. This transparency means you can actually SEE how Cline will approach your implementation before it starts. No more black box. No more guessing. Cline thinks through complex processes using Mermaid, showing you a visual map of what it's building. This creates shared understanding that eliminates misalignment. Want to make AI more useful? Give it a visual language both sides understand.
0:23

Mermaid diagrams are the hidden superpower in AI-human communication. They're intuitive for both LLMs to generate and humans to understand, creating a shared visual language that bridges the coding gap. Why does this matter? When working with LLMs, there's usually a translation problem: >You explain what you want in natural language >The AI internally plans complex workflows >You're left wondering "what exactly is it doing?" What makes Cline's implementation so powerful is that it visualizes its planning mode through Mermaid diagrams. This transparency means you can actually SEE how Cline will approach your implementation before it starts. No more black box. No more guessing. Cline thinks through complex processes using Mermaid, showing you a visual map of what it's building. This creates shared understanding that eliminates misalignment. Want to make AI more useful? Give it a visual language both sides understand.

Cline

36,786 Aufrufe • vor 1 Jahr

They dont stop, do they? There's a new release from Anthropic practically every day. Today: Interactive charts and diagrams directly in the chat.
1:19

They dont stop, do they? There's a new release from Anthropic practically every day. Today: Interactive charts and diagrams directly in the chat.

Chubby♨️

139,142 Aufrufe • vor 3 Monaten

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.
0:51

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

426,751 Aufrufe • vor 4 Monaten

Did you know about inline chat in the Visual Studio Code terminal?
0:55

Did you know about inline chat in the Visual Studio Code terminal?

Visual Studio Code

60,605 Aufrufe • vor 1 Jahr

v1 of Mermaid to Excalidraw library is out 🚀 Highlights: Actor creation and destruction are now supported in Sequence diagrams ✨ By Aakansha Doshi 💜
0:31

v1 of Mermaid to Excalidraw library is out 🚀 Highlights: Actor creation and destruction are now supported in Sequence diagrams ✨ By Aakansha Doshi 💜

Excalidraw

15,541 Aufrufe • vor 2 Jahren

How do you code graphics with SVGs? 🖼️Combining SVGs with React unlocks new possibilities! You can create diagrams, animations, or even interactive games & apps. If you want to make your project more fun, join the talk by🎤Hunor Márton Borbély, a web dev with an interest in UX design.
0:31

How do you code graphics with SVGs? 🖼️Combining SVGs with React unlocks new possibilities! You can create diagrams, animations, or even interactive games & apps. If you want to make your project more fun, join the talk by🎤Hunor Márton Borbély, a web dev with an interest in UX design.

React Day Berlin

178,107 Aufrufe • vor 1 Jahr

Claude can now build interactive charts and diagrams, directly in the chat. Available today in beta on all plans, including free. Try it out:
1:19

Claude can now build interactive charts and diagrams, directly in the chat. Available today in beta on all plans, including free. Try it out:

Claude

11,843,608 Aufrufe • vor 3 Monaten

Claude can now build interactive charts and diagrams, directly in the chat! I'll share a bunch more examples throughout the day, but I encourage you to try it yourself as it's available for everyone!
0:25

Claude can now build interactive charts and diagrams, directly in the chat! I'll share a bunch more examples throughout the day, but I encourage you to try it yourself as it's available for everyone!

Ado

184,464 Aufrufe • vor 3 Monaten

Our new Moonlight Mermaid collection is filled with everything you need to get the perfect mermaid look🐚💎 - Grab our new Moonlight Mermaid collection for 10% off in a time-limited sale at
1:23

Our new Moonlight Mermaid collection is filled with everything you need to get the perfect mermaid look🐚💎 - Grab our new Moonlight Mermaid collection for 10% off in a time-limited sale at

Flower Knows

24,393 Aufrufe • vor 3 Jahren

The upcoming 1.85 release of Visual Studio Code will ship a preview of the new multi file diff editor, which shows all your changes in your repository in one view! 🎉 You can already try it out in insiders, just make sure to set "multiDiffEditor.experimental.enabled" to true.
0:22

The upcoming 1.85 release of Visual Studio Code will ship a preview of the new multi file diff editor, which shows all your changes in your repository in one view! 🎉 You can already try it out in insiders, just make sure to set "multiDiffEditor.experimental.enabled" to true.

Henning Dieterichs

44,509 Aufrufe • vor 2 Jahren

Turn any GitHub repository into a visual treat! Simply replace "hub" with "diagram" in a GitHub URL and instantly view the entire codebase as interactive diagrams for easier understanding. 100% open-source.
0:21

Turn any GitHub repository into a visual treat! Simply replace "hub" with "diagram" in a GitHub URL and instantly view the entire codebase as interactive diagrams for easier understanding. 100% open-source.

Akshay 🚀

125,364 Aufrufe • vor 1 Jahr

🌐 The integrated browser in Visual Studio Code now has pinch-to-zoom and zoom shortcuts on macOS, better agent tool descriptions, and more updates. Learn more →
0:21

🌐 The integrated browser in Visual Studio Code now has pinch-to-zoom and zoom shortcuts on macOS, better agent tool descriptions, and more updates. Learn more →

Visual Studio Code

56,203 Aufrufe • vor 2 Monaten