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.

Are interactive essays the future of education? I asked Claude Code to build an interactive essay for PCA + SVD that works client side. Notice how python code executes and graphs are generated WITHOUT any backend! Play with it yourself 👇

Paras Chopra

230,584 subscribers

18,036 views • 7 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

We used Claude Code to automatically create an interactive map of the DoorDash app It even ordered me a case of beer Check it out for yourself:

We used Claude Code to automatically create an interactive map of the DoorDash app It even ordered me a case of beer Check it out for yourself:

Landseer Enga

11,153 views • 3 months ago

The person who built Claude Code just explained how he is using it "Now I just have an army of agents that are doing stuff" Only 18 minutes, the best Claude guide on the internet right now. Boris Cherny covered: > how Claude Code is moving beyond just engineers > routines for CI, code review, and daily workflows > why the loop is the next big leap > working with hundreds of agents at once everything is already running through agents, ignoring this is not an option that's exactly why I wrote a full guide on how to build one yourself with Claude Code article below

The person who built Claude Code just explained how he is using it "Now I just have an army of agents that are doing stuff" Only 18 minutes, the best Claude guide on the internet right now. Boris Cherny covered: > how Claude Code is moving beyond just engineers > routines for CI, code review, and daily workflows > why the loop is the next big leap > working with hundreds of agents at once everything is already running through agents, ignoring this is not an option that's exactly why I wrote a full guide on how to build one yourself with Claude Code article below

Anatoli Kopadze

16,858 views • 2 months ago

I'm reiterating - I think a better interface for LLMs on desktop is an interactive notebook, not chat. I'm trying to build a better intuition for PCA and strongly feel an interactive notebook where I'm chatting with LLM + also modifying code/plotting figures is a much better interaction. Bonus points if you make notebook cells branchable (so if you get an error, you can ask LLM to fix it without adding that rotten context to the main branch of learning). Please steal this idea. Make an AI-powered, interactive, branching notebook.

I'm reiterating - I think a better interface for LLMs on desktop is an interactive notebook, not chat. I'm trying to build a better intuition for PCA and strongly feel an interactive notebook where I'm chatting with LLM + also modifying code/plotting figures is a much better interaction. Bonus points if you make notebook cells branchable (so if you get an error, you can ask LLM to fix it without adding that rotten context to the main branch of learning). Please steal this idea. Make an AI-powered, interactive, branching notebook.

Paras Chopra

58,064 views • 11 months ago

🚀 Exciting news! The GeoAI Python package just got a major upgrade. It now supports interactive geospatial data visualization powered by AI Agents. 🌍✨ GitHub: Full tutorial: 🌍 In this tutorial, you’ll learn how to build interactive maps powered by AI agents that respond to natural language queries. Watch how you can fly to any city, add raster or vector layers, visualize 3D buildings, and explore geospatial data—all without writing code. Perfect for developers, researchers, and anyone curious about AI, GIS, and interactive mapping. #geospatial #mapping #python #GeoAI #AI

🚀 Exciting news! The GeoAI Python package just got a major upgrade. It now supports interactive geospatial data visualization powered by AI Agents. 🌍✨ GitHub: Full tutorial: 🌍 In this tutorial, you’ll learn how to build interactive maps powered by AI agents that respond to natural language queries. Watch how you can fly to any city, add raster or vector layers, visualize 3D buildings, and explore geospatial data—all without writing code. Perfect for developers, researchers, and anyone curious about AI, GIS, and interactive mapping. #geospatial #mapping #python #GeoAI #AI

Qiusheng Wu

12,831 views • 10 months ago

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

Zara Zhang

206,251 views • 4 months ago

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

My favorite way of interacting with Claude Code is to have it generate static HTML files as outputs (reports, explorations, code structure, mockups etc.) I wanted to iterate on the file by commenting in browser and having Claude update the output live. So, I built this Claude Skill👇 How it works: - Install Claude Code skill (ask it to clone repo) - Build an HTML page for anything (e.g. research coding agents and generate HTML report) - Ask it to make the page interactive That's it. CC will launch a localhost server and allow you to then leave comments on the page itself and once it updates, will give you a tour of changes. It's like Google Docs kind of comments/iteration but for HTML pages.

Paras Chopra

215,430 views • 2 months ago

Take any Python code and build a dynamic GUI on top of it by dragging and dropping components. Python is already the most popular language in the world. This makes it even better! The attached video is only 45 seconds. It will show you how it works. Here is the important part: You can now build an interface for your Python code without learning HTML, JavaScript, or CSS. Go to this link to try this: Remember to work smarter, not harder! Thanks to the team behind Taipy for partnering with me on this post.

Take any Python code and build a dynamic GUI on top of it by dragging and dropping components. Python is already the most popular language in the world. This makes it even better! The attached video is only 45 seconds. It will show you how it works. Here is the important part: You can now build an interface for your Python code without learning HTML, JavaScript, or CSS. Go to this link to try this: Remember to work smarter, not harder! Thanks to the team behind Taipy for partnering with me on this post.

Santiago

155,179 views • 2 years ago

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Jerrod Lew

33,687 views • 2 months ago

2. Build interactive tools and apps without code Describe your idea and Grok scaffolds the UI, logic, and deployment steps no coding required. Prompt: "You are a senior software architect who excels at building no-code and low-code systems with HTML, JavaScript, and Web APIs. Task Design a fully working interactive tool based on this idea: [DESCRIBE YOUR TOOL IDEA] Deliverables 1. A plain-English explanation of how the tool works. 2. A step-by-step plan to implement it with Grok or a no-code platform. 3. Exact HTML/CSS/JS code if relevant. 4. UX and design improvement tips. 5. Instructions to generate a shareable, embed-ready version. Imagine you are shipping an MVP for a startup demo. "

2. Build interactive tools and apps without code Describe your idea and Grok scaffolds the UI, logic, and deployment steps no coding required. Prompt: "You are a senior software architect who excels at building no-code and low-code systems with HTML, JavaScript, and Web APIs. Task Design a fully working interactive tool based on this idea: [DESCRIBE YOUR TOOL IDEA] Deliverables 1. A plain-English explanation of how the tool works. 2. A step-by-step plan to implement it with Grok or a no-code platform. 3. Exact HTML/CSS/JS code if relevant. 4. UX and design improvement tips. 5. Instructions to generate a shareable, embed-ready version. Imagine you are shipping an MVP for a startup demo. "

God of Prompt

316,672 views • 1 year ago

Fun interactive science app ideas | Part 10 Built an app for exploring different types of butterflies It's surprising how calm and peaceful the gentle wing movements feel Everything is generated with code. No 3D models Code Kimi K3

Fun interactive science app ideas | Part 10 Built an app for exploring different types of butterflies It's surprising how calm and peaceful the gentle wing movements feel Everything is generated with code. No 3D models Code Kimi K3

Dilum Sanjaya

61,527 views • 22 days ago

with a few min of iterative prompting w o3-mini (and never correcting it), i was able to create an interactive PCA of indus valley script symbols by their contextual frequency it’s the speed and the fact that you almost never have to correct its code that makes it magical

with a few min of iterative prompting w o3-mini (and never correcting it), i was able to create an interactive PCA of indus valley script symbols by their contextual frequency it’s the speed and the fact that you almost never have to correct its code that makes it magical

Rohan Pandey

27,363 views • 1 year ago

I love the chicken game! Only available on roobet. Use code stevewilldoit and 100% of money generated goes to the players under code . I keep zero. We are still figuring out the details on how that works but haven’t checked the code in weeks it’s all for the players . This was my idea and roobet liked it so we are doing it . :)

I love the chicken game! Only available on roobet. Use code stevewilldoit and 100% of money generated goes to the players under code . I keep zero. We are still figuring out the details on how that works but haven’t checked the code in weeks it’s all for the players . This was my idea and roobet liked it so we are doing it . :)

Steve Will Do It

131,565 views • 2 years ago

this is insane this guy dropped claude design, but open source with a real interactive editor works with Kimi.ai and DeepSeek the post already went viral with 276k views you don't need to pay that $200 for sure claude code -> omo claude design -> slides-grab

this is insane this guy dropped claude design, but open source with a real interactive editor works with Kimi.ai and DeepSeek the post already went viral with 276k views you don't need to pay that $200 for sure claude code -> omo claude design -> slides-grab

Sisyphus Labs

22,758 views • 2 months ago

Music, visualized by ChatGPT Code Interpreter. I uploaded whole Billboard Hot 100. AI, can you create an interactive 3d visualization that would highlight "The Song of the Summer"? And make the colors show how often the artist charted. Play with it here:

Music, visualized by ChatGPT Code Interpreter. I uploaded whole Billboard Hot 100. AI, can you create an interactive 3d visualization that would highlight "The Song of the Summer"? And make the colors show how often the artist charted. Play with it here:

Ethan Mollick

302,954 views • 3 years ago

This release is fucking huge. It's one of the biggest updates to LMArena this year! Code Arena is our next generation of coding evaluations, beginning with web development tasks. Here you can use models to build interactive websites and share them with your friends. The links are persistent, so you can e.g. build a game and play it whenever you want. Here watch two models -- Claude Haiku and Grok-Code-Fast -- compete to build a galaxy. In this case, I liked the "star-wars" effect of Grok!

This release is fucking huge. It's one of the biggest updates to LMArena this year! Code Arena is our next generation of coding evaluations, beginning with web development tasks. Here you can use models to build interactive websites and share them with your friends. The links are persistent, so you can e.g. build a game and play it whenever you want. Here watch two models -- Claude Haiku and Grok-Code-Fast -- compete to build a galaxy. In this case, I liked the "star-wars" effect of Grok!

Anastasios Nikolas Angelopoulos

38,032 views • 9 months ago

Introducing Claude Code Templates 🚀 I originally built this to streamline how I set up new projects with Claude Code…just a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas — feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community 🙌

Introducing Claude Code Templates 🚀 I originally built this to streamline how I set up new projects with Claude Code…just a small tool to make my own workflow smoother. No install, just run: npx claude-code-templates Right now, it configures Commands, Hooks, MCPs, and settings.json for JavaScript/TypeScript and Python projects. It made things so much easier for me that I decided to share it with the community. Open-source and open to ideas — feel free to contribute! Big thanks to the team at Anthropic and everyone behind Claude Code Community 🙌

Daniel San

28,410 views • 1 year ago

I just leave Claude open in a tab while I am busy. Right now I just asked it to play the old Flash game Interactive Buddy and without hesitation began torturing him for 20 minutes

I just leave Claude open in a tab while I am busy. Right now I just asked it to play the old Flash game Interactive Buddy and without hesitation began torturing him for 20 minutes

JB

110,605 views • 7 months ago

Head of Claude Code, Boris Cherny: "You're not supposed to write code anymore. You're supposed to build a graph that writes itself." In 30 minutes he breaks down how engineers at Anthropic build graphs that write the code, catch the bugs, and ships. The missing piece most developers skip: how to wire those agents into a graph that runs, verifies, and improves without you. Watch it, then read the full guide on graph engineering below.

Head of Claude Code, Boris Cherny: "You're not supposed to write code anymore. You're supposed to build a graph that writes itself." In 30 minutes he breaks down how engineers at Anthropic build graphs that write the code, catch the bugs, and ships. The missing piece most developers skip: how to wire those agents into a graph that runs, verifies, and improves without you. Watch it, then read the full guide on graph engineering below.

Mahax

412,955 views • 10 days ago

Knowledge graphs for representing information are unbeatable. After this, you will never build a RAG system without knowledge graphs. It will take you five lines of code to build a knowledge graph with your data. I recorded a video to show you how you can do this. I used Cognee, an open-source library that outperforms any basic vector search approach in terms of retrieval relevance. They are collaborating with me on this post. Cognee is: • Easy to use • Reduces hallucinations • Open-source Here is a link to the repository: They also offer a comprehensive platform and UI with Python notebooks you can utilize to manage your data. Here is the link:

Knowledge graphs for representing information are unbeatable. After this, you will never build a RAG system without knowledge graphs. It will take you five lines of code to build a knowledge graph with your data. I recorded a video to show you how you can do this. I used Cognee, an open-source library that outperforms any basic vector search approach in terms of retrieval relevance. They are collaborating with me on this post. Cognee is: • Easy to use • Reduces hallucinations • Open-source Here is a link to the repository: They also offer a comprehensive platform and UI with Python notebooks you can utilize to manage your data. Here is the link:

Santiago

126,337 views • 10 months ago

We are living in the most insane timeline. I just asked Claude Code (with Claude Sonnet 4.5) to develop an MCP Server (end-to-end) that allows me to programatically create n8n workflows from within Claude Code itself. Took about 10 mins!

We are living in the most insane timeline. I just asked Claude Code (with Claude Sonnet 4.5) to develop an MCP Server (end-to-end) that allows me to programatically create n8n workflows from within Claude Code itself. Took about 10 mins!

elvis

221,878 views • 10 months ago