Loading video...

Video Failed to Load

Go Home

I wanted to convert a JSON file of a chat transcript into nice markdown text for sharing w/ people... so I had GPT generate an ephemeral React UI where I can drag in the JSON file and it outputs the markdown🤓 reflections on the process:

geoffreylitt's profile picture

Geoffrey Litt

22,722 subscribers

233,083 views • 3 years ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Did you know rust-analyzer can convert JSON into Rust structs? Simply paste your JSON into a Rust file and run the `convert JSON to struct` code action.
0:11

Did you know rust-analyzer can convert JSON into Rust structs? Simply paste your JSON into a Rust file and run the `convert JSON to struct` code action.

Zed

86,579 views • 2 years ago

I just used ChatGPT to: 1. build a list of US cities 2. convert the list to JSON 3. output a CSV file
0:15

I just used ChatGPT to: 1. build a list of US cities 2. convert the list to JSON 3. output a CSV file

MakerThrive

1,324,468 views • 3 years ago

Ask Claude to document and describe the main flows in your app and output in a single page html + json data file. Incredibly useful for humans and the JSON file is very useful for explaining the flow to the LLM when working on new features/bugfixes.
0:18

Ask Claude to document and describe the main flows in your app and output in a single page html + json data file. Incredibly useful for humans and the JSON file is very useful for explaining the flow to the LLM when working on new features/bugfixes.

Dave Jeffery

566,027 views • 1 month ago

cmux now has a better markdown viewer `cmux open README.md` or drag a file in from the right sidebar tobi lutke thank you for the contribution!
0:14

cmux now has a better markdown viewer `cmux open README.md` or drag a file in from the right sidebar tobi lutke thank you for the contribution!

Lawrence Chen

67,315 views • 1 month ago

We built a better alternative to json-render & A2UI Up to 3x faster rendering & 67% fewer tokens. Far fewer broken outputs. We've been shipping Generative UI interfaces to 10,000+ developers for the past year. We know where JSON-based rendering breaks in production. So we built a new format - one that works with how models actually generate, not against it. And today we're open sourcing it: openui [dot] com
0:18

We built a better alternative to json-render & A2UI Up to 3x faster rendering & 67% fewer tokens. Far fewer broken outputs. We've been shipping Generative UI interfaces to 10,000+ developers for the past year. We know where JSON-based rendering breaks in production. So we built a new format - one that works with how models actually generate, not against it. And today we're open sourcing it: openui [dot] com

Rabi Shanker Guha

130,507 views • 3 months ago

Microsoft is experimenting with a new file sharing UI in Windows 11: the "Drag Tray". When dragging a file, the tray shows up at the top of the screen with a drag here to share hint and lists a few apps. Has a more options button to open the share sheet. (hidden, Beta 22635.4805)
0:16

Microsoft is experimenting with a new file sharing UI in Windows 11: the "Drag Tray". When dragging a file, the tray shows up at the top of the screen with a drag here to share hint and lists a few apps. Has a more options button to open the share sheet. (hidden, Beta 22635.4805)

phantomofearth 🌳

27,715 views • 1 year ago

tried to make a website for myself discovered i don’t have a lot of my own work and media from the last 20 years properly collected anywhere google is filth so i built a sketchy little tool called deepscrape that pulls whatevers left online into a nicely formatted archival markdown file /avoidance behaviour cheers
0:13

tried to make a website for myself discovered i don’t have a lot of my own work and media from the last 20 years properly collected anywhere google is filth so i built a sketchy little tool called deepscrape that pulls whatevers left online into a nicely formatted archival markdown file /avoidance behaviour cheers

nic_hamilton

103,172 views • 6 months ago

Go beyond finding files with the Dropbox Plugin for Claude Cowork. - Organize folders - Manage file requests - Generate shared links - Create new markdown files in Dropbox
0:17

Go beyond finding files with the Dropbox Plugin for Claude Cowork. - Organize folders - Manage file requests - Generate shared links - Create new markdown files in Dropbox

Dropbox

3,586,210 views • 13 days ago

json-render can now render images You define a catalog. AI generates JSON constrained to that catalog. Output is an SVG or PNG. Same way json-render keeps AI within your design system for UI - now it does the same for OG images, marketing graphics, data visualizations
0:14

json-render can now render images You define a catalog. AI generates JSON constrained to that catalog. Output is an SVG or PNG. Same way json-render keeps AI within your design system for UI - now it does the same for OG images, marketing graphics, data visualizations

Chris Tate

84,185 views • 4 months ago

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇
0:14

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇

Software Mansion

11,740 views • 1 month ago

I used GPT-4o to create STL file for 3D model in ~ 20 seconds on my phone. Pretty remarkable what you can generate with AI and simple prompt now.
0:26

I used GPT-4o to create STL file for 3D model in ~ 20 seconds on my phone. Pretty remarkable what you can generate with AI and simple prompt now.

Min Choi

3,445,439 views • 2 years ago

🪄 We're excited to introduce #Lottie by @airbnbdesign support! 🎉 Simply drop a JSON or Lottie file on the patch graph and hook it up to the Lottie Animation patch. 💻 Download the latest version of Origami at:
0:15

🪄 We're excited to introduce #Lottie by @airbnbdesign support! 🎉 Simply drop a JSON or Lottie file on the patch graph and hook it up to the Lottie Animation patch. 💻 Download the latest version of Origami at:

Origami

59,089 views • 3 years ago

Exactly one year ago, I jumped into streaming with no clue where to begin or how to make it work. I had doubts, confusion, and uncertainty, but I took action anyway. Fast forward to today, and I’m at the top of the game. For anyone out there hesitating or second guessing themselves, stop overthinking it. Just take that first step and trust the process. If I can do it, so can you. W Chat, W Mods, W Clippers, W Team, W Mom, W @capturedbydream, W Steve Will Do It,W adin, W , W Stake.com, W Stake.comEddie, without you, it wouldn’t be possible. Thank you so so much 🚀
0:12

Exactly one year ago, I jumped into streaming with no clue where to begin or how to make it work. I had doubts, confusion, and uncertainty, but I took action anyway. Fast forward to today, and I’m at the top of the game. For anyone out there hesitating or second guessing themselves, stop overthinking it. Just take that first step and trust the process. If I can do it, so can you. W Chat, W Mods, W Clippers, W Team, W Mom, W @capturedbydream, W Steve Will Do It,W adin, W , W Stake.com, W Stake.comEddie, without you, it wouldn’t be possible. Thank you so so much 🚀

VitalyTheGoat🐐

136,437 views • 1 year ago

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!
0:13

react-native-enriched-markdown just leveled up! 🚀 We've added EnrichedMarkdownInput, which means the library is now a fully rich-text suite for React Native. 💪 You get a Telegram-style selection-based toolbar, seamless Input-to-Output sync with EnrichedMarkdownText, bold/italic/underline/strikethrough and links – all with a flexible API for custom UIs. ✨ Works on iOS, macOS, and Android. Try the nightly release: npm i react-native-enriched-markdown@nightly P.S. Expect new styles soon – we're just getting started!

Software Mansion

20,120 views • 3 months ago

Quick Actions in Cloudflare Browser Run - screenshot - content - pdf - markdown - snapshot - scrape - json - links - crawl Lots more coming from the Browser Run team - stay tuned.
0:17

Quick Actions in Cloudflare Browser Run - screenshot - content - pdf - markdown - snapshot - scrape - json - links - crawl Lots more coming from the Browser Run team - stay tuned.

Fayaz Ahmed

57,410 views • 1 month ago

I just cloned myself using OpenAI and every text message I sent since I was 12. I fine-tuned gpt-4o-mini on 150,000 of my text messages. The first model ended up being so unhinged that I could not release it publicly (or risk being cancelled forever). So I had to train another one, on almost all my text messages. And this one you can try for yourself in the thread below
0:11

I just cloned myself using OpenAI and every text message I sent since I was 12. I fine-tuned gpt-4o-mini on 150,000 of my text messages. The first model ended up being so unhinged that I could not release it publicly (or risk being cancelled forever). So I had to train another one, on almost all my text messages. And this one you can try for yourself in the thread below

Ali Shobeiri

61,998 views • 1 year ago

Introducing our /parse endpoint 🔥 Convert any document into clean data for AI agents via API. - Turn PDF, DOCX, and XLSX files into Markdown or JSON - Preserves reading order and tables - Zero Data Retention support All powered by our 5x faster Rust-based parser.
0:14

Introducing our /parse endpoint 🔥 Convert any document into clean data for AI agents via API. - Turn PDF, DOCX, and XLSX files into Markdown or JSON - Preserves reading order and tables - Zero Data Retention support All powered by our 5x faster Rust-based parser.

Firecrawl

149,637 views • 2 months ago

Transform ANY Content into Clean Markdown with Markdownify MCP Server Think about the last time you struggled with file conversions. Now imagine: File Conversions: - PDFs → Markdown - Images → Text - Audio → Transcripts - Office docs → Clean text Web Content: - YouTube videos - Search results - Web pages - Existing Markdown Why it matters: • Single solution for multiple formats • Clean, readable output • Simple integration • Developer-friendly setup The beauty isn't just WHAT it converts, but HOW EASILY it does it. Ready to transform your content? Three steps using Cline: 1. Clone the repo 2. Install dependencies 3. Build & Run Remember: Great tools don't just solve problems—they eliminate them entirely.
0:15

Transform ANY Content into Clean Markdown with Markdownify MCP Server Think about the last time you struggled with file conversions. Now imagine: File Conversions: - PDFs → Markdown - Images → Text - Audio → Transcripts - Office docs → Clean text Web Content: - YouTube videos - Search results - Web pages - Existing Markdown Why it matters: • Single solution for multiple formats • Clean, readable output • Simple integration • Developer-friendly setup The beauty isn't just WHAT it converts, but HOW EASILY it does it. Ready to transform your content? Three steps using Cline: 1. Clone the repo 2. Install dependencies 3. Build & Run Remember: Great tools don't just solve problems—they eliminate them entirely.

Cline

104,839 views • 1 year ago

I had to open the Magik WIP file and remembered the digitigrade setup I was doing for Darkchild
0:15

I had to open the Magik WIP file and remembered the digitigrade setup I was doing for Darkchild

A$AP BERG

23,592 views • 1 year ago