Загрузка видео...

Не удалось загрузить видео

На главную

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

58,598 subscribers

84,010 просмотров • 3 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 3 месяцев назад

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 просмотров • 3 месяцев назад

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,601 просмотров • 4 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 3 месяцев назад

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

189,858 просмотров • 2 месяцев назад

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

129,409 просмотров • 3 месяцев назад

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

483,193 просмотров • 1 месяц назад

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 просмотров • 10 месяцев назад

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,521 просмотров • 2 лет назад

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 просмотров • 7 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 4 месяцев назад

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,088 просмотров • 1 год назад

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,082 просмотров • 3 лет назад

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 просмотров • 1 год назад

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

46,967 просмотров • 25 дней назад

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 просмотров • 2 месяцев назад

TablePlus now supports importing JSON.
0:17

TablePlus now supports importing JSON.

TablePlus

20,229 просмотров • 10 дней назад