正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

11,442 subscribers

36,915 次观看 • 4 个月前 •via X (Twitter)

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.

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

New in Visual Studio Code Insiders: Language Models editor

New in Visual Studio Code Insiders: Language Models editor

Visual Studio Code

20,509 次观看 • 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

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

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

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

Visual Studio Code

225,256 次观看 • 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!

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,007 次观看 • 29 天前

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!

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.

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

Pierce Boggan

30,134 次观看 • 9 个月前

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

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

Min Choi

96,013 次观看 • 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.

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.

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.

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

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

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 💜

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.

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,106 次观看 • 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:

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,838,854 次观看 • 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!

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

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

19,630 次观看 • 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.

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 年前

🌐 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 →

🌐 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

55,588 次观看 • 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.

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 年前