正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

60,895 subscribers

28,583 次观看 • 4 个月前 •via X (Twitter)

音乐科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

¡Biblioteca para crear formularios con múltiples pasos! Funciona en React, Vue y Svelte. Sólo necesitas un JSON para configurarlo:

¡Biblioteca para crear formularios con múltiples pasos! Funciona en React, Vue y Svelte. Sólo necesitas un JSON para configurarlo:

Miguel Ángel Durán

33,395 次观看 • 1 年前

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

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,673 次观看 • 6 个月前

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

🎨 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 次观看 • 1 年前

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

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

Rabi Shanker Guha

55,207 次观看 • 4 个月前

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

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,185 次观看 • 4 个月前

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

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

168,200 次观看 • 1 个月前

Testing controlled neodrag in svelte and react and I'm again so disappointed in React. it just stutters so terribly. React code here is using useMemo and useCallback, svelte code has absolutely no such requirements. Left: Svelte. Right: React

Testing controlled neodrag in svelte and react and I'm again so disappointed in React. it just stutters so terribly. React code here is using useMemo and useCallback, svelte code has absolutely no such requirements. Left: Svelte. Right: React

{PuruVijay}.svelte

100,404 次观看 • 1 年前

We're releasing 𝚟𝚎𝚛𝚌𝚎𝚕-𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚜𝚔𝚒𝚕𝚕𝚜, extracted from the lessons of building v0 for iOS and the upcoming Vercel app (teaser below). ▲ ~/ npx skills add vercel-labs/agent-skills

We're releasing 𝚟𝚎𝚛𝚌𝚎𝚕-𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚜𝚔𝚒𝚕𝚕𝚜, extracted from the lessons of building v0 for iOS and the upcoming Vercel app (teaser below). ▲ ~/ npx skills add vercel-labs/agent-skills

Vercel Developers

488,643 次观看 • 5 个月前

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

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

133,987 次观看 • 4 个月前

¡Crea páginas web más rápido con esto! Colección de componentes de UI de copiar y pegar. Compatibles con React, Angular, Vue, Svelte y más. Hechos con Tailwind y fácilmente personalizables. →

¡Crea páginas web más rápido con esto! Colección de componentes de UI de copiar y pegar. Compatibles con React, Angular, Vue, Svelte y más. Hechos con Tailwind y fácilmente personalizables. →

Miguel Ángel Durán

38,967 次观看 • 1 年前

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

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 次观看 • 1 年前

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Nick Babich

266,750 次观看 • 2 年前

New Skill: Email Emulation Test magic links, verification codes w/o sending real emails → Send via the Resend SDK → Retrieve emails from a local inbox → Extract codes to complete auth flows → One env var to reroute traffic npx skills add vercel-labs/emulate --skill resend

New Skill: Email Emulation Test magic links, verification codes w/o sending real emails → Send via the Resend SDK → Retrieve emails from a local inbox → Extract codes to complete auth flows → One env var to reroute traffic npx skills add vercel-labs/emulate --skill resend

Chris Tate

84,445 次观看 • 3 个月前

The natural UI for skills? A skill tree 🌳

The natural UI for skills? A skill tree 🌳

Dominik Scholz

1,240,985 次观看 • 5 个月前

¡Google ha lanzado Material Web! Compatible con React, Angular, Vue, Svelte y Lit.

¡Google ha lanzado Material Web! Compatible con React, Angular, Vue, Svelte y Lit.

Miguel Ángel Durán

98,423 次观看 • 2 年前

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

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

Chris Tate

45,389 次观看 • 4 个月前

finally shadcn combobox with creatable support built with Base UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-combobox

finally shadcn combobox with creatable support built with Base UI I have been waiting for this for too long npx shadcn add @flowkit-ui/creatable-combobox

Ali Bey

25,785 次观看 • 3 个月前

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Chris Tate

164,515 次观看 • 4 个月前

New website for Languine just dropped: ✨ Next.js 💅 shadcn UI components 🔤 Geist Font by Vercel Fully open source too!

New website for Languine just dropped: ✨ Next.js 💅 shadcn UI components 🔤 Geist Font by Vercel Fully open source too!

Pontus Abrahamsson — oss/acc

45,234 次观看 • 1 年前