Loading video...

Video Failed to Load

Go Home

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

ctatedev's profile picture

Chris Tate

32,839 subscribers

45,389 views • 3 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

Introducing visual-json > JSON editing with human-first ergonomics – Minimalist – Embeddable – Schema-aware – Extensible – Drag and drop – Keyboard navigation – Tree view to drill into deeply nested data
0:15

Introducing visual-json > JSON editing with human-first ergonomics – Minimalist – Embeddable – Schema-aware – Extensible – Drag and drop – Keyboard navigation – Tree view to drill into deeply nested data

Chris Tate

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

Make JSON greppable with @tomnomnom's gron! gron converts JSON into grep-friendly assignments, making it easy to find and trace values to their exact paths. Install now:
0:14

Make JSON greppable with @tomnomnom's gron! gron converts JSON into grep-friendly assignments, making it easy to find and trace values to their exact paths. Install now:

bugcrowd

25,718 views • 1 year 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

129,442 views • 3 months ago

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 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

483,789 views • 1 month ago

introducing Ideogram v4.0. 2k native resolution, excellent text rendering, and support for JSON prompts. try it now in Krea.
0:14

introducing Ideogram v4.0. 2k native resolution, excellent text rendering, and support for JSON prompts. try it now in Krea.

Krea

13,660 views • 10 days ago

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 views • 4 months ago

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

JSON Magic Sprays 💨
0:15

JSON Magic Sprays 💨

AlexandrIA

58,410 views • 9 months ago

✨ Photo AI already supported JSON prompts But now you can [ JSONify ] your regular prompts also into JSON with one-click, for better understanding with 🍌 Nano Banana Pro Whether AI models actually like JSON more, I doubt it, but it does force people/AI to be more descriptive and specific with the photo you're trying to create Like it defines pose, clothes, expression, backgrounds etc. all very detailed
0:14

✨ Photo AI already supported JSON prompts But now you can [ JSONify ] your regular prompts also into JSON with one-click, for better understanding with 🍌 Nano Banana Pro Whether AI models actually like JSON more, I doubt it, but it does force people/AI to be more descriptive and specific with the photo you're trying to create Like it defines pose, clothes, expression, backgrounds etc. all very detailed

@levelsio

90,549 views • 6 months ago

TablePlus now supports importing JSON.
0:17

TablePlus now supports importing JSON.

TablePlus

20,233 views • 14 days ago

I built a Json Tree Viewer btw
0:16

I built a Json Tree Viewer btw

monto

48,093 views • 1 year ago

JSON Prompt+Veo 3.1=Insane Multi-shot Videos🤯 Every camera move, scene cut, and transition — defined by data. Click here for the prompts and Repost to get the full guide.
0:10

JSON Prompt+Veo 3.1=Insane Multi-shot Videos🤯 Every camera move, scene cut, and transition — defined by data. Click here for the prompts and Repost to get the full guide.

Dzine

483,652 views • 7 months ago

You can make mocks of a video game you're designing with JSON + Veo3 Here's my First Person View "Catpetter" game 😹 JSON prompt + instructions 👇
0:13

You can make mocks of a video game you're designing with JSON + Veo3 Here's my First Person View "Catpetter" game 😹 JSON prompt + instructions 👇

Kris Kashtanova

89,269 views • 10 months ago

Introducing o1 web crawler 🕸️ It crawls entire websites with OpenAI’s new o1 reasoning model and . Just state an objective and it will navigate + return the requested data in a JSON schema. Check it out:
0:17

Introducing o1 web crawler 🕸️ It crawls entire websites with OpenAI’s new o1 reasoning model and . Just state an objective and it will navigate + return the requested data in a JSON schema. Check it out:

Eric Ciarla (hiring)

397,759 views • 1 year ago

I create most of visual assets in Figma, but exporting everything is always tricky. So, made this little plugin to exports all parts sepratly with JSON, which can use to animate easily.
0:14

I create most of visual assets in Figma, but exporting everything is always tricky. So, made this little plugin to exports all parts sepratly with JSON, which can use to animate easily.

vijay verma

49,580 views • 6 months ago