Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

How to built a chat UI that goes beyond plain text, using Artifacts and Store together with AI SDK Full implementation and repo ⬇️🧵

pontusab's profile picture

Pontus Abrahamsson — oss/acc

24,350 subscribers

52,691 görüntüleme • 9 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

A collection of AI SDK tools deserves a website: - Devtools: a React Query devtool for AI SDK - Store: AI chat state that scales - Artifacts: a structured way to handle advanced interfaces 🔗 ⬇️
0:16

A collection of AI SDK tools deserves a website: - Devtools: a React Query devtool for AI SDK - Store: AI chat state that scales - Artifacts: a structured way to handle advanced interfaces 🔗 ⬇️

Pontus Abrahamsson — oss/acc

27,529 görüntüleme • 9 ay önce

🎨 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!
0:15

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

Generate your own optimized cursor rule directly from your package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵
0:16

Generate your own optimized cursor rule directly from your package.json, now live on Cursor Directory! Built using: ◇ Next.js - Framework ◇ Vercel - Hosting ◇ AI SDK - AI Toolkit ◇ xAI - LLM ◇ shadcn - UI Components Link and open source ⬇️🧵

Pontus Abrahamsson — oss/acc

115,522 görüntüleme • 1 yıl önce

I just shipped message-ui, build dynamic iMessage attachments with React. ◆ Charts ◆ Tables ◆ Text primitives ◆ Local preview + PNG export ◆ Tailwind support ◆ Works with Chat SDK Link ⬇️🧵
0:10

I just shipped message-ui, build dynamic iMessage attachments with React. ◆ Charts ◆ Tables ◆ Text primitives ◆ Local preview + PNG export ◆ Tailwind support ◆ Works with Chat SDK Link ⬇️🧵

Pontus Abrahamsson

42,377 görüntüleme • 28 gün önce

Introducing Caltext, open-source calorie tracking in iMessage. Built with: • Bun + Turborepo • Hono on Nitro (Vercel) • Chat SDK + Sendblue • AI SDK + GPT-4.1 vision • Upstash Redis • Vercel Workflows • USDA FoodData Central Link ⬇️🧵
0:10

Introducing Caltext, open-source calorie tracking in iMessage. Built with: • Bun + Turborepo • Hono on Nitro (Vercel) • Chat SDK + Sendblue • AI SDK + GPT-4.1 vision • Upstash Redis • Vercel Workflows • USDA FoodData Central Link ⬇️🧵

Pontus Abrahamsson

224,055 görüntüleme • 28 gün önce

Just updated Luna - AI Chat Template. 🚀 - Refreshed UI - Speech-to-text - Streaming responses - OpenAI, Gemini and Claude integration built-in Check it out here: Built with React Native Expo Nativewind and Software Mansion reanimated
0:12

Just updated Luna - AI Chat Template. 🚀 - Refreshed UI - Speech-to-text - Streaming responses - OpenAI, Gemini and Claude integration built-in Check it out here: Built with React Native Expo Nativewind and Software Mansion reanimated

Thomino

21,108 görüntüleme • 4 ay önce

⚡️Vercel dropped AI SDK 3.0 with Generative UI support. And It's amazing! You can transform text & image prompts into React UI in seconds. This is a paradigm shift in how we interact with AI, making it more accessible & engaging for everyone. 7 examples:
0:12

⚡️Vercel dropped AI SDK 3.0 with Generative UI support. And It's amazing! You can transform text & image prompts into React UI in seconds. This is a paradigm shift in how we interact with AI, making it more accessible & engaging for everyone. 7 examples:

Min Choi

84,529 görüntüleme • 2 yıl önce

This is a mobile app for fitness. I built it with plain text + AI in 20 mins. You can describe a product... and AI builds the full app, UI backend logic auth with insane speed & precision. Real examples + the workflow: 👇 (the 𝕏 clone feels illegal)
0:11

This is a mobile app for fitness. I built it with plain text + AI in 20 mins. You can describe a product... and AI builds the full app, UI backend logic auth with insane speed & precision. Real examples + the workflow: 👇 (the 𝕏 clone feels illegal)

EyeingAI

64,849 görüntüleme • 1 yıl önce

BNBAgent SDK is now live on BNB Chain testnet. It’s the first live implementation of ERC-8183 and introduces a framework for running AI agents fully onchain with identity, escrow, and decentralized verification built in. Here’s what it changes for builders 🧵 👇
0:15

BNBAgent SDK is now live on BNB Chain testnet. It’s the first live implementation of ERC-8183 and introduces a framework for running AI agents fully onchain with identity, escrow, and decentralized verification built in. Here’s what it changes for builders 🧵 👇

BNB Chain

240,603 görüntüleme • 3 ay önce

Recently, I've been working a lot on Gaussian Splatting. I built a repo for camera pose estimation using Rerun, Gradio, and prefix.dev that merges GLOMAP with hloc! 🧵More info below
0:18

Recently, I've been working a lot on Gaussian Splatting. I built a repo for camera pose estimation using Rerun, Gradio, and prefix.dev that merges GLOMAP with hloc! 🧵More info below

Pablo Vela

67,547 görüntüleme • 1 yıl önce

We built the Wild Week Athens site in 1.5 weeks using mainly AI and no-code tools. AI doesn’t make designers obsolete. It shifts the weight to taste, creative instinct and understanding craft. Here's how this experiment came together 🧵
0:16

We built the Wild Week Athens site in 1.5 weeks using mainly AI and no-code tools. AI doesn’t make designers obsolete. It shifts the weight to taste, creative instinct and understanding craft. Here's how this experiment came together 🧵

wild

179,300 görüntüleme • 2 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 • 11 ay önce

smooth streaming in ai sdk v5 ◆ smooth, 60fps text streaming animation ◆ makes ai chat feel extremely natural ◆ works with newest ai sdk v5 step-by-step blog article below 👇
0:13

smooth streaming in ai sdk v5 ◆ smooth, 60fps text streaming animation ◆ makes ai chat feel extremely natural ◆ works with newest ai sdk v5 step-by-step blog article below 👇

Josh tried coding

44,284 görüntüleme • 10 ay önce

1. i cant believe people with no code experience at all can build an advanced website like this with AI now you can chat(text) with AI agent to add 3D models, functions and adjust UI.. this is beyond incredible.. app preview: code&prompts at end
0:10

1. i cant believe people with no code experience at all can build an advanced website like this with AI now you can chat(text) with AI agent to add 3D models, functions and adjust UI.. this is beyond incredible.. app preview: code&prompts at end

el.cine

13,374 görüntüleme • 5 ay önce

Wow. You can literally chat with any GitHub repo now! Just pop "talkto" in front of "github" in the URL, and BOOM, you're chatting with your codebase! 🤯 It launches a full chat UI where you can ask the code anything. 100% open-source. Repo link below ↓
0:11

Wow. You can literally chat with any GitHub repo now! Just pop "talkto" in front of "github" in the URL, and BOOM, you're chatting with your codebase! 🤯 It launches a full chat UI where you can ask the code anything. 100% open-source. Repo link below ↓

Charly Wargnier

15,055 görüntüleme • 1 yıl önce

Anyone can now build an internal AI ops tool without coding skill And it only takes minutes to go from idea → working product I just built one with built-in UI, database, AI copilot, and analytics Here’s how:
0:16

Anyone can now build an internal AI ops tool without coding skill And it only takes minutes to go from idea → working product I just built one with built-in UI, database, AI copilot, and analytics Here’s how:

Nelly;

32,972 görüntüleme • 10 ay önce

Introducing AI CLI Generate images, video, and text from your terminal. Pipe them together. Works with any agent. ai image "sunset" | ai video "animate" → Hundreds of models → Multi-model comparison → Inline previews, no native deps → AI SDK + AI Gateway
0:16

Introducing AI CLI Generate images, video, and text from your terminal. Pipe them together. Works with any agent. ai image "sunset" | ai video "animate" → Hundreds of models → Multi-model comparison → Inline previews, no native deps → AI SDK + AI Gateway

Chris Tate

61,323 görüntüleme • 1 ay önce

How I built a full-stack community platform—from UI to payments—using Rocket In hours, I launched an app without a boilerplate. Rocket managed design, backend, maps, and payments. Here's how it changed the game👇
0:10

How I built a full-stack community platform—from UI to payments—using Rocket In hours, I launched an app without a boilerplate. Rocket managed design, backend, maps, and payments. Here's how it changed the game👇

Tulsi Soni

34,390 görüntüleme • 11 ay önce