Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

New experiment: json-render + jev The future Generative UI is instant Your components, your actions, your design system Rendered in milliseconds

ctatedev's profile picture

Chris Tate

67,831 subscribers

1,333,079 görüntüleme • 10 gün önce •via X (Twitter)

SanatMüzikBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui
0:19

Today, we're joining Google's release of A2UI v0.9 🎉 Declarative Generative UI with your own design system. Works with any AG-UI Agent. Your agents describes UI via JSON, your frontend renders it using your components catalog like lego building blocks UI is alive and dead. CLI for agents, Generative UI for humans. Try it out: npx copilotkit@latest create my-app --framework a2ui

Atai Barkai

71,895 görüntüleme • 5 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 • 6 ay önce

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,473 görüntüleme • 7 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,754 görüntüleme • 6 ay önce

Introducing Generative UI for Claude Code, Codex and Pi Charts, forms, 3D, anything Your agent renders real UI for users while it works in a sandbox Powered by AI SDK's experimental HarnessAgent + json-render
0:14

Introducing Generative UI for Claude Code, Codex and Pi Charts, forms, 3D, anything Your agent renders real UI for users while it works in a sandbox Powered by AI SDK's experimental HarnessAgent + json-render

Chris Tate

171,026 görüntüleme • 3 ay önce

AI tool that uses your design system to create new components (along with all of the code) 👇
0:13

AI tool that uses your design system to create new components (along with all of the code) 👇

Ridd 🤿

144,769 görüntüleme • 2 yıl önce

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵
0:19

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵

Storybook

169,560 görüntüleme • 6 ay önce

new Figma plugin in Cursor!! it can inspect your design system, find the right components/variables/styles, then write directly to figma as editable layers
0:11

new Figma plugin in Cursor!! it can inspect your design system, find the right components/variables/styles, then write directly to figma as editable layers

edwin

45,069 görüntüleme • 6 ay önce

Progress update: The new Vercel AI SDK v5 is so cool! The AI can now generate and render UI components directly in the chat!
0:14

Progress update: The new Vercel AI SDK v5 is so cool! The AI can now generate and render UI components directly in the chat!

Hugo

41,528 görüntüleme • 1 yıl önce

Design System Checklist Open-source checklist that will help you plan, build and grow your design system. It covers design language, tokens, core components, and maintenance (support and documentation).
0:15

Design System Checklist Open-source checklist that will help you plan, build and grow your design system. It covers design language, tokens, core components, and maintenance (support and documentation).

Nick Babich

52,116 görüntüleme • 2 yıl önce

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it
0:15

new skill: improve-ui built to audit interfaces against their own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix it

Ibelick

103,374 görüntüleme • 2 ay önce

Jev by TypeSafe AI is now on OpenRouter, in beta. Jev is a System One model. Instead of generating text, it takes your app's state plus a typed question and returns a typed decision with a probability attached. There is no JSON prompting, parsing layer, and nothing to validate against.
0:13

Jev by TypeSafe AI is now on OpenRouter, in beta. Jev is a System One model. Instead of generating text, it takes your app's state plus a typed question and returns a typed decision with a probability attached. There is no JSON prompting, parsing layer, and nothing to validate against.

OpenRouter

565,340 görüntüleme • 11 gün önce

Now in Clerk: 𝚎𝚕𝚎𝚟𝚊𝚝𝚒𝚘𝚗: '𝚏𝚕𝚞𝚜𝚑' Render components without the default card wrapper, so they blend right into your app.
0:10

Now in Clerk: 𝚎𝚕𝚎𝚟𝚊𝚝𝚒𝚘𝚗: '𝚏𝚕𝚞𝚜𝚑' Render components without the default card wrapper, so they blend right into your app.

Clerk

18,120 görüntüleme • 4 ay önce

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

95,343 görüntüleme • 1 ay önce

Introducing support for Design Systems in Bolt Now Bolt uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇
0:12

Introducing support for Design Systems in Bolt Now Bolt uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇

bolt.new

66,945 görüntüleme • 1 yıl önce

Say goodbye to custom web design. In the next 5 years, browsers won't render *your* interface. They'll construct *their own* interface for your content.
0:15

Say goodbye to custom web design. In the next 5 years, browsers won't render *your* interface. They'll construct *their own* interface for your content.

Patrick Morgan

53,378 görüntüleme • 2 yıl önce

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)
0:15

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

219,386 görüntüleme • 6 ay önce

This is how you can instantly get the first projects for your UX/UI design portfolio! 🔥
0:19

This is how you can instantly get the first projects for your UX/UI design portfolio! 🔥

Jan Mraz

133,419 görüntüleme • 3 yıl önce

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.
0:19

Introducing Prefab 🎨 A generative UI framework for building MCP Apps, data dashboards, or whatever you (or your agent) want. In Python. (Really.) 100+ shadcn components. Real React. No JavaScript required. And built right into FastMCP 3.2.

Jeremiah Lowin

10,273 görüntüleme • 5 ay önce