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.

time to reveal my HTML workflow with agents HTML is the new markdown. Lavish is the new editor for your HTML artifacts just tell your agent - discuss the technical plan with me using `npx lavish-axi` 100% open source and runs locally. details in thread below 👇

Kun Chen

15,329 subscribers

57,573 views • 3 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

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.

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,638 views • 3 months ago

Introducing Hubble: the best notepad for you and your agents. - Feels like Notion or Apples Notes, but for Markdown - Live-reloading editor to collaborate with agents - Supports HTML-based apps to build interactive visualizations Free and open-source 👉

Introducing Hubble: the best notepad for you and your agents. - Feels like Notion or Apples Notes, but for Markdown - Live-reloading editor to collaborate with agents - Supports HTML-based apps to build interactive visualizations Free and open-source 👉

Ben Holmes

164,584 views • 1 month 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.

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

Markdown is the new programming language. But writing markdown sucks. So I created a beautiful app to write and edit markdown files with agents, locally. It's called Skribe, an open-source, beautiful markdown editor and you can try it for free today. Just: - Open your codebase - Only markdown files are shown - Edit and write markdown alongside Claude Code or Codex within a beautiful editor

Markdown is the new programming language. But writing markdown sucks. So I created a beautiful app to write and edit markdown files with agents, locally. It's called Skribe, an open-source, beautiful markdown editor and you can try it for free today. Just: - Open your codebase - Only markdown files are shown - Edit and write markdown alongside Claude Code or Codex within a beautiful editor

Chris Ashby

11,258 views • 1 month ago

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

HeyGen

501,788 views • 3 months ago

Wow, it actually *is* DOM (See me using Chrome DevTools to inspect the DOM) HTML is <canvas> is going to open a new era of web UIs

Wow, it actually is DOM (See me using Chrome DevTools to inspect the DOM) HTML is <canvas> is going to open a new era of web UIs

Steren

736,314 views • 2 months ago

Issue Five of The HTML Review is here! Get to your browser for 15 excellent new pieces of web-based literature and art

Issue Five of The HTML Review is here! Get to your browser for 15 excellent new pieces of web-based literature and art

maxwell neely-cohen

287,289 views • 4 months ago

Want to turn a website into a launch video for your brand? This tutorial shows you how We used ollama as example, but the workflow works for any company. Every frame is HTML, CSS, and GSAP, written like a webpage and rendered with HyperFrames Follow the workflow below ↓

HeyGen

36,600 views • 2 months ago

Just released my new /lesson-generator skill. Use it with your agent to learn anything: - generate lessons/courses on any topic - include nano-banana images with my /image-generator skill - present the course as an HTML artifact And it's also available to use in our academy.

Just released my new /lesson-generator skill. Use it with your agent to learn anything: - generate lessons/courses on any topic - include nano-banana images with my /image-generator skill - present the course as an HTML artifact And it's also available to use in our academy.

elvis

58,698 views • 2 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:

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

Introducing Granite Docling WebGPU 🐣 State-of-the-art document parsing 100% locally in your browser! 🤯 🔐 No data sent to a server (private & secure) 💰 Completely free... forever! 🔂 Docling ecosystem enables conversion to HTML, Markdown, JSON, and more! Try out the demo! 👇

Introducing Granite Docling WebGPU 🐣 State-of-the-art document parsing 100% locally in your browser! 🤯 🔐 No data sent to a server (private & secure) 💰 Completely free... forever! 🔂 Docling ecosystem enables conversion to HTML, Markdown, JSON, and more! Try out the demo! 👇

Xenova

55,915 views • 10 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?

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

Claude 3.7 Sonnet is insane... just one prompt, and you get these animated cards in HTML, JS, and CSS. You can try it for free in VSCode using the CodeGPT extension. Sharing the prompt in this thread 👇

Claude 3.7 Sonnet is insane... just one prompt, and you get these animated cards in HTML, JS, and CSS. You can try it for free in VSCode using the CodeGPT extension. Sharing the prompt in this thread 👇

Daniel San

117,724 views • 1 year ago

over the last few months, I built bdocs internally at Base to do exactly this: publish, comment, and iterate on HTML docs with your agent! hey Google Docs team — can you add the ability to work in HTML so I can stop building this internal tool?

over the last few months, I built bdocs internally at Base to do exactly this: publish, comment, and iterate on HTML docs with your agent! hey Google Docs team — can you add the ability to work in HTML so I can stop building this internal tool?

jesse.base.eth

73,428 views • 3 months ago

SuperSplat 2.15.0 is here! 🚀 Your free and open source 3D Gaussian Splat Editor 📂 Access recent projects via the File menu 🖼️ Updated HTML Viewer export 🌍 Localized into Spanish and Russian [1 / 2]

SuperSplat 2.15.0 is here! 🚀 Your free and open source 3D Gaussian Splat Editor 📂 Access recent projects via the File menu 🖼️ Updated HTML Viewer export 🌍 Localized into Spanish and Russian [1 / 2]

Will Eastcott

11,349 views • 8 months ago

Eigent × Kimi.ai K2.5 We ran a real-world sales performance evaluation on Eigent using Kimi K2.5. Given a production sales dataset, Eigent coordinated multiple agents end to end: - The document agent extracts information from the source files - The terminal agent analyzes the data and generates an HTML report All results are stored locally! Try Eigent with Kimi K2.5 today.

Eigent × Kimi.ai K2.5 We ran a real-world sales performance evaluation on Eigent using Kimi K2.5. Given a production sales dataset, Eigent coordinated multiple agents end to end: - The document agent extracts information from the source files - The terminal agent analyzes the data and generates an HTML report All results are stored locally! Try Eigent with Kimi K2.5 today.

Eigent AI

25,263 views • 6 months ago

I just built my own OCR app powered by Google's Gemma 3. It runs 100% locally on my computer using Ollama and extracts text from images as structured markdown. The code is open-source, and you can find it in the next tweet.

I just built my own OCR app powered by Google's Gemma 3. It runs 100% locally on my computer using Ollama and extracts text from images as structured markdown. The code is open-source, and you can find it in the next tweet.

Akshay 🚀

477,685 views • 1 year ago

Trailer for my new episode with James Lavish — about Bitcoin, TradFi, macro and more. Shout out to my new editor Silas who is producing excellent work with my short-form content as we expand. Stream wherever you get your podcasts!

Trailer for my new episode with James Lavish — about Bitcoin, TradFi, macro and more. Shout out to my new editor Silas who is producing excellent work with my short-form content as we expand. Stream wherever you get your podcasts!

Natalie Brunell ⚡️

27,486 views • 1 year ago

Run AI Agents locally in your terminal using Llama 3.2! gptme: Run Code, edit files, browse the web, and add context with RAG - all from your terminal. 100% Open Source.

Run AI Agents locally in your terminal using Llama 3.2! gptme: Run Code, edit files, browse the web, and add context with RAG - all from your terminal. 100% Open Source.

Sumanth

78,860 views • 1 year ago

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵

serafim

44,036 views • 3 months ago