Loading video...

Video Failed to Load

Go Home

I turned Thariq's article into an interactive HTML! I was a markdown boy but since I started working at Microsoft I'm using HTML more and more. Our engineers love to send AI-generated HTML to coordinate between SWE/PM on projects since it's easier to read than markdown.

nicbstme's profile picture

Nicolas Bustamante

28,781 subscribers

148,885 views • 3 months ago •via X (Twitter)

ComedyEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Is HTML the new Markdown? Had a lot of thoughts on Thariq's latest article so obviously I had to make it a vid
36:05

Is HTML the new Markdown? Had a lot of thoughts on Thariq's latest article so obviously I had to make it a vid

Theo - t3.gg

98,145 views • 3 months ago

Max Schoening and I are starting a podcast where we nerd out about human-AI collaboration and malleable software. In this episode: is HTML actually better than Markdown? and an alternative to Software Factories... Watch on YT:
0:57

Max Schoening and I are starting a podcast where we nerd out about human-AI collaboration and malleable software. In this episode: is HTML actually better than Markdown? and an alternative to Software Factories... Watch on YT:

Geoffrey Litt

36,600 views • 2 months ago

LLM Wikis + HTML Artifacts are insanely powerful. You should seriously consider this in your workflows. LLM Wikis captures all the important information that lets you and your agents do meaningful work. HTML artifacts present that information in interesting ways that allow you to take important actions along with your agents. My HTML artifacts sit on top of my LLM wikis. They are dynamic and are easily extended as needs arise. I have hooked my Artifacts to talk to my agents, and similarly, the agents can talk to artifacts. This has allowed me to build powerful artifacts that reduce my inbox to zero, keep me updated on any topic of interest, fast prototyping, do deep research, design/trigger new experiments, generate figures to improve understanding, schedule research, search relevant information, discover topics, and so much more. What you see in the clip is not a website. It's a simple interactive HTML artifact. HTML artifacts are useful for designers, engineers, researchers, students, and anyone working with agents. Lastly, HTML doesn't replace Markdown. They are a much better combination working together.
0:20

LLM Wikis + HTML Artifacts are insanely powerful. You should seriously consider this in your workflows. LLM Wikis captures all the important information that lets you and your agents do meaningful work. HTML artifacts present that information in interesting ways that allow you to take important actions along with your agents. My HTML artifacts sit on top of my LLM wikis. They are dynamic and are easily extended as needs arise. I have hooked my Artifacts to talk to my agents, and similarly, the agents can talk to artifacts. This has allowed me to build powerful artifacts that reduce my inbox to zero, keep me updated on any topic of interest, fast prototyping, do deep research, design/trigger new experiments, generate figures to improve understanding, schedule research, search relevant information, discover topics, and so much more. What you see in the clip is not a website. It's a simple interactive HTML artifact. HTML artifacts are useful for designers, engineers, researchers, students, and anyone working with agents. Lastly, HTML doesn't replace Markdown. They are a much better combination working together.

elvis

248,793 views • 3 months ago

Soooo Thariq has straight up changed my life with these 5 words: "HTML is the new markdown." It's so obvious in hindsight: while .md is simple to write and agents can read it well, it's a total slog to eyeball as a human. In this special ep recorded live at Code with Claude, Thariq walks me through how he: - uses HTML artifacts as interactive specs - builds throwaway micro-UIs - maintains a living design system in HTML - prompts Claude with "whatever is needed" to give it room to actually think He also tells us what comes after the SWE + PM role 👀 As always, a huge TY to our amazing sponsors: 🔀 Celigo - Intelligent automation built for AI: 🪪 Persona - trusted identity verification for any use case: Watch now on YT:
0:55

Soooo Thariq has straight up changed my life with these 5 words: "HTML is the new markdown." It's so obvious in hindsight: while .md is simple to write and agents can read it well, it's a total slog to eyeball as a human. In this special ep recorded live at Code with Claude, Thariq walks me through how he: - uses HTML artifacts as interactive specs - builds throwaway micro-UIs - maintains a living design system in HTML - prompts Claude with "whatever is needed" to give it room to actually think He also tells us what comes after the SWE + PM role 👀 As always, a huge TY to our amazing sponsors: 🔀 Celigo - Intelligent automation built for AI: 🪪 Persona - trusted identity verification for any use case: Watch now on YT:

claire vo 🖤

200,465 views • 3 months ago

receiving a lot of good words about lavish-axi (ty!) in v0.1.27 i just made it installable and invocable as a skill "/lavish" or with a prompt "/lavish let's discuss what options we have" this is the quickest way to upgrade your workflow from reading long wall of text and markdown to interactive html artifacts which are a lot more pleasant and efficient to work with why not just ask the agent to write an html? you'll know when you need to give some feedback to the agent about things in the html and realize there's no good way to make those edits and iterations. lavish gives you the ability to work with the agent via the html itself if you have been using lavish already, make sure to upgrade to latest version! quite a few good bug fixes shipped recently that would help the agent generate correct styling and poll more reliably
0:33

receiving a lot of good words about lavish-axi (ty!) in v0.1.27 i just made it installable and invocable as a skill "/lavish" or with a prompt "/lavish let's discuss what options we have" this is the quickest way to upgrade your workflow from reading long wall of text and markdown to interactive html artifacts which are a lot more pleasant and efficient to work with why not just ask the agent to write an html? you'll know when you need to give some feedback to the agent about things in the html and realize there's no good way to make those edits and iterations. lavish gives you the ability to work with the agent via the html itself if you have been using lavish already, make sure to upgrade to latest version! quite a few good bug fixes shipped recently that would help the agent generate correct styling and poll more reliably

Kun Chen

14,584 views • 2 months ago

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?
0:21

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?

Chiamaka Igwe

14,479 views • 4 months ago

Markdown was doomed from the start. It's just a format with low information density. HTML is better for humans, and agents can now consume and produce it without issues. But nobody wants to type HTML, so here is an alternative: This is an open-source tool for generating dashboards from data without writing a single HTML tag. You define your dashboard in YAML or TSK, and the tool will serve the HTML file for you. It comes with skills for Claude Code and Codex, so they know how to build these dashboards. And you can connect this to Postgres, MySQL, Snowflake, BigQuery, Redshift, Databricks, and many other databases. Repo link below.
4:08

Markdown was doomed from the start. It's just a format with low information density. HTML is better for humans, and agents can now consume and produce it without issues. But nobody wants to type HTML, so here is an alternative: This is an open-source tool for generating dashboards from data without writing a single HTML tag. You define your dashboard in YAML or TSK, and the tool will serve the HTML file for you. It comes with skills for Claude Code and Codex, so they know how to build these dashboards. And you can connect this to Postgres, MySQL, Snowflake, BigQuery, Redshift, Databricks, and many other databases. Repo link below.

Santiago

86,565 views • 3 months ago

I can't believe it, I've managed to create a HTML-in-Canvas beast with Ultramock 🔥 Load up any website/app into an interactive 3D scene and programatically animate all components beautifully:
0:34

I can't believe it, I've managed to create a HTML-in-Canvas beast with Ultramock 🔥 Load up any website/app into an interactive 3D scene and programatically animate all components beautifully:

Josh Millgate

22,337 views • 2 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.
0:55

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,661 views • 2 months ago

I wrote a Cursor Figma MCP server to make it easier for AI copilots to implement designs. It's not perfect, but the resulting HTML and CSS is a lot cleaner than giving AI a screenshot and having it guess. Link in the replies, take it for a spin and let me know what you think!
2:00

I wrote a Cursor Figma MCP server to make it easier for AI copilots to implement designs. It's not perfect, but the resulting HTML and CSS is a lot cleaner than giving AI a screenshot and having it guess. Link in the replies, take it for a spin and let me know what you think!

Graham Lipsman

102,535 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
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 views • 6 months ago

I think I just discovered my new favourite programmatic SEO tool... I found an unlisted video from the founder* on YT & this looks like a really powerful no-code tool: - creates pages at scale using your own data - clever use of AI with data in the prompts - instantly publishes to WordPress - markdown/HTML export options - conditional content to create unique, accurate pages the price seems like a mistake (maybe it's a beta launch) but figured I'd share the video I found. Founder seems like a bit of a maverick. I like him! Link in first comment because X is X doing X things. *okay, it's me. hi. i'm the founder, it's me...
13:48

I think I just discovered my new favourite programmatic SEO tool... I found an unlisted video from the founder* on YT & this looks like a really powerful no-code tool: - creates pages at scale using your own data - clever use of AI with data in the prompts - instantly publishes to WordPress - markdown/HTML export options - conditional content to create unique, accurate pages the price seems like a mistake (maybe it's a beta launch) but figured I'd share the video I found. Founder seems like a bit of a maverick. I like him! Link in first comment because X is X doing X things. *okay, it's me. hi. i'm the founder, it's me...

Ian Nuttall

43,596 views • 2 years ago

CATSUKA PLAYER, a free animation video platform with more than 25,000 videos (since 2008). I never promote it, but I'm glad to see that more and more people are using it ❤️ ➔
1:19

CATSUKA PLAYER, a free animation video platform with more than 25,000 videos (since 2008). I never promote it, but I'm glad to see that more and more people are using it ❤️ ➔

Catsuka

68,883 views • 29 days ago

we love docs! 📖 I'm working on improving / adding more @ docs shortcuts to @windsurf lmk what you want and I'll add as many as I can... 🧵 also shoutout Mintlify for auto-hosting all docs with /llms.txt — saves the agent time & tokens not needing to parse thru HTML 🙏
0:25

we love docs! 📖 I'm working on improving / adding more @ docs shortcuts to @windsurf lmk what you want and I'll add as many as I can... 🧵 also shoutout Mintlify for auto-hosting all docs with /llms.txt — saves the agent time & tokens not needing to parse thru HTML 🙏

Kevin Hou

33,559 views • 1 year ago

It's been a few years since I updated my compositing reel so I figured it was about time! I've been very fortunate to work on some great projects the past few years, and I'm excited to work on many many more! ✨
1:02

It's been a few years since I updated my compositing reel so I figured it was about time! I've been very fortunate to work on some great projects the past few years, and I'm excited to work on many many more! ✨

Samantha Cartwright 🏳️‍⚧️

94,462 views • 2 years ago

🍒 Since I was a trainee for 7 or 8 years, I don’t know how to do anything but sing and dance 🍒 So I was really wondering how I’m going to live 🍒 But since I started broadcasting and being an influencer I feel happier than when I was an idol 🍒 I feel like I’m walking on clouds
0:22

🍒 Since I was a trainee for 7 or 8 years, I don’t know how to do anything but sing and dance 🍒 So I was really wondering how I’m going to live 🍒 But since I started broadcasting and being an influencer I feel happier than when I was an idol 🍒 I feel like I’m walking on clouds

ryujin folder 🏳️‍⚧️

25,847 views • 1 year ago

I made a guide for prompting impressive UI code After creating 120 components in a week while working on Aura, listed all the techniques I used: frameworks, styles, framing, html-to-code, image-to-code, etc. AI is getting so good at creating user interfaces.
0:37

I made a guide for prompting impressive UI code After creating 120 components in a week while working on Aura, listed all the techniques I used: frameworks, styles, framing, html-to-code, image-to-code, etc. AI is getting so good at creating user interfaces.

Meng To

117,197 views • 1 year ago

HTML can't run Doom But HTML can now run *inside* Doom! Thanks to HTML-in-Canvas! Fully accessible DOM elements drawn into Doom's own wall textures. This demo uses a WebAssembly port (jacobenget/doom.wasm) of the original C source. See it in action at - Requires Chrome with chrome://flags/#canvas-draw-element enabled. On every Doom tick, HTML-in-Canvas's drawElementImage() captures the DOM form (child of ) to an offscreen buffer, it's quantised to Doom's 256-colour palette, and the bytes are written straight into the cached patch for the appropriate texture in Doom. Doom's own software renderer then paints it onto E1M1 as a wall texture - which means perspective warp, sector lighting, and even the damage-red tint all get included and applied to the HTML form elements. It's just a texture to Doom.
0:26

HTML can't run Doom But HTML can now run *inside* Doom! Thanks to HTML-in-Canvas! Fully accessible DOM elements drawn into Doom's own wall textures. This demo uses a WebAssembly port (jacobenget/doom.wasm) of the original C source. See it in action at - Requires Chrome with chrome://flags/#canvas-draw-element enabled. On every Doom tick, HTML-in-Canvas's drawElementImage() captures the DOM form (child of ) to an offscreen buffer, it's quantised to Doom's 256-colour palette, and the bytes are written straight into the cached patch for the appropriate texture in Doom. Doom's own software renderer then paints it onto E1M1 as a wall texture - which means perspective warp, sector lighting, and even the damage-red tint all get included and applied to the HTML form elements. It's just a texture to Doom.

Robin

115,052 views • 4 months ago

I needed an app to export markdown from images and PDFs, so I built one using the best model on the market: Mistral OCR. It can convert images, PDFs, and even extract tables and images, keeping them contextually within the markdown. All you need is a Mistral AI API.
1:15

I needed an app to export markdown from images and PDFs, so I built one using the best model on the market: Mistral OCR. It can convert images, PDFs, and even extract tables and images, keeping them contextually within the markdown. All you need is a Mistral AI API.

Pietro Schirano

48,786 views • 1 year ago

Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful. ⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component. More examples of what this extension can do below
0:45

Today, we’re releasing the beta of HTML to React to the public. It’s stupid powerful. ⬇️ Watch how fast I can go from seeing a design I like on an a website to getting a personalized React component. More examples of what this extension can do below

Teddy Ni

226,303 views • 2 years ago