Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

ctatedev's profile picture

Chris Tate

60,753 subscribers

84,185 görüntüleme • 4 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

visual-json has landed in the json-render playground And it includes manual edits 🤯
0:11

visual-json has landed in the json-render playground And it includes manual edits 🤯

Chris Tate

45,389 görüntüleme • 4 ay önce

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

28,583 görüntüleme • 4 ay önce

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

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

Chris Tate

33,647 görüntüleme • 5 ay önce

You need to take 3D AI seriously now! Rodin AI lets you generate a high-poly 3D mesh of your product using just five images from different angles. Once done, you can render your product from any perspective you want. Try it for free. Link in comments.
0:16

You need to take 3D AI seriously now! Rodin AI lets you generate a high-poly 3D mesh of your product using just five images from different angles. Once done, you can render your product from any perspective you want. Try it for free. Link in comments.

el.cine

90,228 görüntüleme • 1 yıl önce

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,102 görüntüleme • 3 ay önce

json-render now supports YAML as a wire format JSONL needs a full element before rendering YAML is valid at every prefix, going from element-level to property-level 💨 YAML looks like source code to LLMs And we use 3 standards they know: JSON Patch, Merge Patch, Unified diff
0:10

json-render now supports YAML as a wire format JSONL needs a full element before rendering YAML is valid at every prefix, going from element-level to property-level 💨 YAML looks like source code to LLMs And we use 3 standards they know: JSON Patch, Merge Patch, Unified diff

Chris Tate

190,211 görüntüleme • 3 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 1 ay önce

The wait is over. Lovart AI just launched to the public today. You can now design viral brand ads without complex JSON prompts. 10 wild examples + how: 1. Tesla product reveal
0:10

The wait is over. Lovart AI just launched to the public today. You can now design viral brand ads without complex JSON prompts. 10 wild examples + how: 1. Tesla product reveal

Min Choi

421,091 görüntüleme • 11 ay önce

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 görüntüleme • 2 yıl önce

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,184 görüntüleme • 8 ay önce

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,207 görüntüleme • 3 ay önce

Seriously, AI is getting so good at now it has become the default render library.
0:18

Seriously, AI is getting so good at now it has become the default render library.

Tony Dinh

30,802 görüntüleme • 4 ay önce

messy inputs 👉🏽 polished outputs built a prototype with the idea of letting users bring together images from Lummi into a canvas, quickly wireframe a concept, and then generate polished images as a photo, illustration, 3d render, whatever—with the right lighting, shadows, cohesive colors, and all that good stuff the output is still not great... but this is where I see the future of creative tools heading—kind of like how you give ChatGPT an idea for an email—all the messy bits—and it writes it for you in any tone or style you want in a clear way. now imagine that but for design or imagery
0:16

messy inputs 👉🏽 polished outputs built a prototype with the idea of letting users bring together images from Lummi into a canvas, quickly wireframe a concept, and then generate polished images as a photo, illustration, 3d render, whatever—with the right lighting, shadows, cohesive colors, and all that good stuff the output is still not great... but this is where I see the future of creative tools heading—kind of like how you give ChatGPT an idea for an email—all the messy bits—and it writes it for you in any tone or style you want in a clear way. now imagine that but for design or imagery

Pablo Stanley

12,109 görüntüleme • 1 yıl önce

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:
0:12

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:

Geoffrey Litt

233,083 görüntüleme • 3 yıl önce

CEBG AI mid-layer turns your game ideas into ready-to-use JSON game logic. Input a few lines⬇️ Game type: “Match-3 Puzzle” Feature: “Daily Missions + Token Rewards” Reward: “50 XP & NFT badge” ➡️Output: Instantly structured JSON ready to deploy. Smart, scalable, and dev-friendly. Built for builders.
0:10

CEBG AI mid-layer turns your game ideas into ready-to-use JSON game logic. Input a few lines⬇️ Game type: “Match-3 Puzzle” Feature: “Daily Missions + Token Rewards” Reward: “50 XP & NFT badge” ➡️Output: Instantly structured JSON ready to deploy. Smart, scalable, and dev-friendly. Built for builders.

CEBG Studio

57,220 görüntüleme • 1 yıl önce

Claude can now make your entire codebase self-explaining 🤯 It maps your app into: → an interactive HTML architecture view for humans → a structured JSON memory file for AI agents The next coding agent instantly understands: APIs, components, dependencies, database flows, auth, background jobs — everything. No more throwing AI into a random repo with zero context. Your codebase literally explains itself now.
0:18

Claude can now make your entire codebase self-explaining 🤯 It maps your app into: → an interactive HTML architecture view for humans → a structured JSON memory file for AI agents The next coding agent instantly understands: APIs, components, dependencies, database flows, auth, background jobs — everything. No more throwing AI into a random repo with zero context. Your codebase literally explains itself now.

divyansh tiwari

47,689 görüntüleme • 1 ay önce

Here are the steps to create this animation: 1. Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.
0:18

Here are the steps to create this animation: 1. Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.

LAS91214

45,537 görüntüleme • 1 ay önce

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,264 görüntüleme • 3 ay önce