Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 4 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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,711 просмотров • 2 лет назад

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 просмотров • 6 месяцев назад

🆕 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 просмотров • 4 месяцев назад

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,104 просмотров • 1 месяц назад

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,278 просмотров • 19 дней назад

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 просмотров • 1 год назад

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 просмотров • 10 месяцев назад

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,153 просмотров • 3 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 3 месяцев назад

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,831 просмотров • 4 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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,844,729 просмотров • 3 месяцев назад

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,918 просмотров • 3 месяцев назад

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 просмотров • 3 лет назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

🌐 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 просмотров • 2 месяцев назад