Loading video...

Video Failed to Load

Go Home

Vibe coding, with guardrails. json-render now exports production-ready source code using @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚌𝚘𝚍𝚎𝚐𝚎𝚗 The best of Generative UI paired with traditional code generation

ctatedev's profile picture

Chris Tate

57,344 subscribers

33,601 views • 4 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚍𝚒𝚛𝚎𝚌𝚝𝚒𝚟𝚎𝚜 Ready-made directives for Generative UI → $format - currencies, dates, percentages via Intl → $t - i18n with key interpolation → $math - arithmetic at render time → $pluralize, $concat, $join, $count Import the ones you need
0:14

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚍𝚒𝚛𝚎𝚌𝚝𝚒𝚟𝚎𝚜 Ready-made directives for Generative UI → $format - currencies, dates, percentages via Intl → $t - i18n with key interpolation → $math - arithmetic at render time → $pluralize, $concat, $join, $count Import the ones you need

Chris Tate

57,012 views • 1 month ago

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte
0:16

Generative UI for Svelte is here – JSON specs to native Svelte components – Runes-based reactivity – Type-safe component registries – Streaming UI generation – State, actions, visibility, validation providers npx skills add vercel-labs/json-render --skill svelte

Chris Tate

27,051 views • 2 months ago

Coding just changed forever. You can now vibe-code with Windsurf and auto-fix bugs with CodeRabbit. Here’s how I vibe-fix my code + (how to try free):
0:14

Coding just changed forever. You can now vibe-code with Windsurf and auto-fix bugs with CodeRabbit. Here’s how I vibe-fix my code + (how to try free):

Robin Delta

58,517 views • 11 months ago

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚗𝚎𝚡𝚝 Prompt → JSON → Full Next.js app Routes, layouts, SSR, metadata, data loaders, static generation. For AI website builders. Internal tool generators. CMS-driven apps. White-label SaaS. One JSON spec, entire multi-page app.
0:15

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚗𝚎𝚡𝚝 Prompt → JSON → Full Next.js app Routes, layouts, SSR, metadata, data loaders, static generation. For AI website builders. Internal tool generators. CMS-driven apps. White-label SaaS. One JSON spec, entire multi-page app.

Chris Tate

86,193 views • 2 months ago

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

159,834 views • 3 months ago

Your vibes. Your code. Get started with completely local vibe coding using Cline and LM Studio and the AMD Ryzen AI Max+ series processors.
0:19

Your vibes. Your code. Get started with completely local vibe coding using Cline and LM Studio and the AMD Ryzen AI Max+ series processors.

AMD

79,203 views • 8 months ago

No code vibe coding
0:12

No code vibe coding

Notion

376,139 views • 1 year ago

You can now vibe code a 3D website using this open source model. - Totally free - Runs even locally - Works with any image This workflow is compatible with all tools (Replit, Lovable, Claude Code, etc.) Quick steps below:
0:18

You can now vibe code a 3D website using this open source model. - Totally free - Runs even locally - Works with any image This workflow is compatible with all tools (Replit, Lovable, Claude Code, etc.) Quick steps below:

Paul Couvert

139,237 views • 11 months ago

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.
0:19

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.

Rabi Shanker Guha

55,119 views • 2 months ago

Introducing @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚛𝚎𝚊𝚌𝚝-𝚝𝚑𝚛𝚎𝚎-𝚏𝚒𝚋𝚎𝚛 A new renderer that turns JSON specs into interactive R3F scenes Same catalog-driven approach, now for meshes, lights, models, environments, cameras, controls 19 built-in components and 12 demo scenes
0:13

Introducing @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚛𝚎𝚊𝚌𝚝-𝚝𝚑𝚛𝚎𝚎-𝚏𝚒𝚋𝚎𝚛 A new renderer that turns JSON specs into interactive R3F scenes Same catalog-driven approach, now for meshes, lights, models, environments, cameras, controls 19 built-in components and 12 demo scenes

Chris Tate

42,093 views • 2 months ago

Generative code layouts with #python x #touchdesigner
0:10

Generative code layouts with #python x #touchdesigner

༺ཧคlคฝคཊ༻

22,755 views • 3 months ago

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!
0:15

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

David Duong

38,445 views • 1 year 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,010 views • 3 months ago

vibe coding lets us play around with much weirder UI concepts
0:15

vibe coding lets us play around with much weirder UI concepts

dax

45,054 views • 1 year ago

Bought a gimbal with tracking. Get ready for insufferable vibe code coaching content.
0:13

Bought a gimbal with tracking. Get ready for insufferable vibe code coaching content.

Jon Yongfook

44,930 views • 11 months ago

Thanks to all the OG programmers who hand-wrote millions of lines of code for: - OS - IDE - Networks - Compilers - Initial AI tools - Open source projects Before vibe coding era :)
0:17

Thanks to all the OG programmers who hand-wrote millions of lines of code for: - OS - IDE - Networks - Compilers - Initial AI tools - Open source projects Before vibe coding era :)

Param

90,755 views • 2 months ago

favorite AGI/sci-fi vibe these days is coding a robot code together with the robot here vibe-pluging ElevenLabs in reachymini for a talk later today
0:14

favorite AGI/sci-fi vibe these days is coding a robot code together with the robot here vibe-pluging ElevenLabs in reachymini for a talk later today

Thomas Wolf

30,749 views • 1 month ago

New Llama.cpp UI is a blessing for the local AI world 🌎 - Blazing fast, beautiful, and private (ofc) - Use 150,000+ GGUF models in a super slick UI - Drop in PDFs, images, or text documents - Branch and edit conversations anytime - Parallel chats and image processing - Math and code rendering - Constrained generation with JSON schema supported Easy setup + open-source + community-built 🔥
0:14

New Llama.cpp UI is a blessing for the local AI world 🌎 - Blazing fast, beautiful, and private (ofc) - Use 150,000+ GGUF models in a super slick UI - Drop in PDFs, images, or text documents - Branch and edit conversations anytime - Parallel chats and image processing - Math and code rendering - Constrained generation with JSON schema supported Easy setup + open-source + community-built 🔥

Victor M

161,109 views • 7 months ago

Vibe Code Application Fully Generation Content Apps
0:20

Vibe Code Application Fully Generation Content Apps

Slava

50,755 views • 1 month ago

Airdrop #4 is here🎉 Form Link: Everyone who fills this form gets a Guaranteed $WOS airdrop $WOS is the official currency of my vibe coding GTA style multiplayer game 👉 100% in Cursor with 0 code edition Pure Vibe Coding!🔥
0:15

Airdrop #4 is here🎉 Form Link: Everyone who fills this form gets a Guaranteed $WOS airdrop $WOS is the official currency of my vibe coding GTA style multiplayer game 👉 100% in Cursor with 0 code edition Pure Vibe Coding!🔥

Halo.hl

81,013 views • 1 year ago