Loading video...

Video Failed to Load

Go Home

spreadsheet + ai. 8 months of building with AI SDK shadcn TANSTACK @cursor Vercel

ky__zo's profile picture

kyzo

14,602 subscribers

99,208 views • 11 months ago •via X (Twitter)

Science & TechnologyEducationComedy
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

115,878 views • 1 year ago

Considering turning this Bubble menu into a copy-paste component. Let me know if you're interested! * Shadcn components * Vercel AI SDK * Novel editor
0:15

Considering turning this Bubble menu into a copy-paste component. Let me know if you're interested! * Shadcn components * Vercel AI SDK * Novel editor

Pontus Abrahamsson

85,285 views • 1 year ago

Claude Sonnet 4.5 is now live on Vercel AI Cloud: • Improved v0, Vercel Agent, and more • Available on AI Gateway + AI SDK • New open source Coding Agent Platform
0:10

Claude Sonnet 4.5 is now live on Vercel AI Cloud: • Improved v0, Vercel Agent, and more • Available on AI Gateway + AI SDK • New open source Coding Agent Platform

Vercel

175,645 views • 11 months ago

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

227,121 views • 3 months ago

Installing Cursor rules with shadcn.
0:15

Installing Cursor rules with shadcn.

shadcn

110,346 views • 1 year ago

The usage of AI-powered filters is so nice and easy to implement with Vercel AI SDK: ◇ Server Action with streamObject ◇ Pass filters (categories, amount range, etc.) ◇ Stream the results using `readStreamableValue`
0:11

The usage of AI-powered filters is so nice and easy to implement with Vercel AI SDK: ◇ Server Action with streamObject ◇ Pass filters (categories, amount range, etc.) ◇ Stream the results using `readStreamableValue`

Pontus Abrahamsson

45,140 views • 1 year ago

Landing page for an AI-powered health-tech startup. Copy + Design + Development. Stack: Next.js, Tailwind CSS, Shadcn, Vercel.
0:19

Landing page for an AI-powered health-tech startup. Copy + Design + Development. Stack: Next.js, Tailwind CSS, Shadcn, Vercel.

Namya @ Supafast

175,214 views • 2 years ago

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 views • 1 year ago

最近開発してた旅行プラン生成機能をリリースしました！ ツアーの旅程をもとに、AIエージェントが旅行プランを生成してくれます！ 以下工夫した点👇 アーキテクチャ部分 - Full-Stack TypeScript - AI機能専用のNext.jsプロジェクト新規作成（依存低、開発早） - バックエンドはAPI Routesでシンプルに - ホスティングは丸っとVercel エージェント部分 - AI SDKのシンプル構成 - streamObject / useObjectでStructured Outputを強制しつつ、ストリーミングUI提供 - 料金や精度のバランスからGeminiを利用 - LangSmithで評価、監視 --- ⚙️ AI Travel Planner Tech Stack Frontend - Next.js Vercel - CSS Modules - AI SDK by Vercel AI SDK Backend - Next.js (API Routes) - Vercel Functions - AI SDK by Vercel AI - Gemini Google Gemini - LangSmith Hosting - Vercel
0:12

最近開発してた旅行プラン生成機能をリリースしました！ ツアーの旅程をもとに、AIエージェントが旅行プランを生成してくれます！ 以下工夫した点👇 アーキテクチャ部分 - Full-Stack TypeScript - AI機能専用のNext.jsプロジェクト新規作成（依存低、開発早） - バックエンドはAPI Routesでシンプルに - ホスティングは丸っとVercel エージェント部分 - AI SDKのシンプル構成 - streamObject / useObjectでStructured Outputを強制しつつ、ストリーミングUI提供 - 料金や精度のバランスからGeminiを利用 - LangSmithで評価、監視 --- ⚙️ AI Travel Planner Tech Stack Frontend - Next.js Vercel - CSS Modules - AI SDK by Vercel AI SDK Backend - Next.js (API Routes) - Vercel Functions - AI SDK by Vercel AI - Gemini Google Gemini - LangSmith Hosting - Vercel

Ippo Matsui | 令和トラベル AIチーム

27,473 views • 1 year ago

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!
0:13

Introducing prompt-kit A set of high-quality, customizable components for building AI interfaces. Built on top of shadcn/ui, starting with PromptInput, a flexible input field for chatting with AI models. New components coming soon!

Ibelick

104,375 views • 1 year ago

▲ @Vercel AI Elements, Voice Edition A brand new set of components designed to work with the AI SDK to help you build the next generation of voice agents, transcription services and apps powered by natural language. Here's a thread on what's new! 👇
0:13

▲ @Vercel AI Elements, Voice Edition A brand new set of components designed to work with the AI SDK to help you build the next generation of voice agents, transcription services and apps powered by natural language. Here's a thread on what's new! 👇

Hayden

90,611 views • 7 months ago

Gasless AI agents are coming to Avalanche 🔺 0xGasless is building an SDK that enables AI agents to operate seamlessly onchain — with no gas fees required. Supported by infraBUIDL(AI) 🤖
0:19

Gasless AI agents are coming to Avalanche 🔺 0xGasless is building an SDK that enables AI agents to operate seamlessly onchain — with no gas fees required. Supported by infraBUIDL(AI) 🤖

Avalanche Foundation 🔺

163,175 views • 1 year ago

🪄 Meet Cali: An AI agent for building React Native apps! Cali can build your project, manage your devices and emulators, help you find and install a library and more... Try Cali today! `npx cali` Powered by Vercel AI SDK. Hacked by me and Oskar 💜
0:16

🪄 Meet Cali: An AI agent for building React Native apps! Cali can build your project, manage your devices and emulators, help you find and install a library and more... Try Cali today! `npx cali` Powered by Vercel AI SDK. Hacked by me and Oskar 💜

Mike

63,700 views • 1 year ago

Vercel CDN now has a dedicated dashboard experience. • Generate rules with AI prompts • Update routing rules without redeploying • View a live map of your global traffic • Purge cache by tag instantly Start building on Vercel with just a domain.
0:18

Vercel CDN now has a dedicated dashboard experience. • Generate rules with AI prompts • Update routing rules without redeploying • View a live map of your global traffic • Purge cache by tag instantly Start building on Vercel with just a domain.

Vercel Developers

10,717 views • 5 months ago

I love these small enhancements using AI. When you manually create a transaction, we suggest a category for you. * Use Vercel AI SDK * Pass user categories * Structured output * Save in react-hook-form
0:18

I love these small enhancements using AI. When you manually create a transaction, we suggest a category for you. * Use Vercel AI SDK * Pass user categories * Structured output * Save in react-hook-form

Pontus Abrahamsson

20,693 views • 2 years ago

⚡️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,531 views • 2 years ago

🚨NEW: TRUMP-BACKED WORLD LIBERTY FINANCIAL LAUNCHES AGENTPAY SDK FOR AI PAYMENTS Donald Trump-backed (Donald J. Trump) World Liberty Financial (WLFI) has introduced a new payment toolkit for AI agents. The AgentPay SDK is open-source and self-hosted. It allows AI systems to hold and transact with USD1 stablecoin. The tool targets secure and autonomous AI-driven payments. The SDK supports major AI development environments. This includes Claude Code, Codex, Cursor, and OpenClaw. Developers can plug payments directly into AI workflows. Transactions are reportedly signed locally for added security.
0:15

🚨NEW: TRUMP-BACKED WORLD LIBERTY FINANCIAL LAUNCHES AGENTPAY SDK FOR AI PAYMENTS Donald Trump-backed (Donald J. Trump) World Liberty Financial (WLFI) has introduced a new payment toolkit for AI agents. The AgentPay SDK is open-source and self-hosted. It allows AI systems to hold and transact with USD1 stablecoin. The tool targets secure and autonomous AI-driven payments. The SDK supports major AI development environments. This includes Claude Code, Codex, Cursor, and OpenClaw. Developers can plug payments directly into AI workflows. Transactions are reportedly signed locally for added security.

BSCN

20,928 views • 5 months ago

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,308 views • 1 year ago