Pontus Abrahamsson's banner
Pontus Abrahamsson's profile picture

Pontus Abrahamsson

@pontusab31,544 subscribers

Building @tryramp. prev @middayai

Shorts

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 ⬇️🧵

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 ⬇️🧵

225,578 views

The missing dashboard for BullMQ is now available as a desktop app. Open source, MIT. Link ⬇️🧵

The missing dashboard for BullMQ is now available as a desktop app. Open source, MIT. Link ⬇️🧵

82,219 views

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 ⬇️🧵

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 ⬇️🧵

42,377 views

This is how I'm solving wide tables in midday: - Horizontal scrollable - Visible pagination if too wide - Keyboard navigation

This is how I'm solving wide tables in midday: - Horizontal scrollable - Visible pagination if too wide - Keyboard navigation

113,020 views

Cursor MCP is a game-changer! We've just added a new page to the Cursor Directory to help you find them more easily: ◇ Discover popular MCPs ◇ Search and filter options ◇ Submit your own entries Link ⬇️🧵

Cursor MCP is a game-changer! We've just added a new page to the Cursor Directory to help you find them more easily: ◇ Discover popular MCPs ◇ Search and filter options ◇ Submit your own entries Link ⬇️🧵

210,214 views

Introducing Behind the Code, an open-source video platform for creators who want their own channel. Your brand. Your videos. Your subscribers. Fully self-hosted. Deploy yours in minutes ⬇️🧵

Introducing Behind the Code, an open-source video platform for creators who want their own channel. Your brand. Your videos. Your subscribers. Fully self-hosted. Deploy yours in minutes ⬇️🧵

25,314 views

I'll never write documentation again thanks to Cursor's @ codebase command

I'll never write documentation again thanks to Cursor's @ codebase command

234,475 views

the perfect table, now: - Sortable & resizable - Ultra performant with virtualization - Hide columns - 1-1 Skeleton - Fully SSR using cookies

the perfect table, now: - Sortable & resizable - Ultra performant with virtualization - Hide columns - 1-1 Skeleton - Fully SSR using cookies

58,245 views

Introducing Languine: Translate your app with a CLI powered by Vercel AI SDK. 🔍 Detects changes in translation keys via Git diff 🎨 Ensures consistent tone and style 🔓 100% open source and free 🌐 Works with all major i18n libraries Link and some background ⬇️🧵

Introducing Languine: Translate your app with a CLI powered by Vercel AI SDK. 🔍 Detects changes in translation keys via Git diff 🎨 Ensures consistent tone and style 🔓 100% open source and free 🌐 Works with all major i18n libraries Link and some background ⬇️🧵

128,535 views

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 ⬇️🧵

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 ⬇️🧵

115,522 views

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

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

52,691 views

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

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

85,285 views

It's crazy how easy it is to build agentic workflows now. Built a multi-step AI agent with AI SDK for Midday customer enrichment: - ToolLoopAgent with prepareStep for phase control - Gemini 2.5 Flash + URL Context to read websites directly - Google Search grounding for LinkedIn/social discovery - generateObject with Zod schema for structured extraction

It's crazy how easy it is to build agentic workflows now. Built a multi-step AI agent with AI SDK for Midday customer enrichment: - ToolLoopAgent with prepareStep for phase control - Gemini 2.5 Flash + URL Context to read websites directly - Google Search grounding for LinkedIn/social discovery - generateObject with Zod schema for structured extraction

32,114 views

Customizable widgets with Next.js for SSR and interactivity is a killer combo: - dnd-kit for dragging - Zustand store with initial data - Saved in Redis - Preloaded using tRPC

Customizable widgets with Next.js for SSR and interactivity is a killer combo: - dnd-kit for dragging - Zustand store with initial data - Saved in Redis - Preloaded using tRPC

36,704 views

This is how I made this assistant interface with: - Canvas with dynamic data (charts, metrics, summary) - Generated message title - Multi part stream - Generated follow up questions 🧵 ⬇️

This is how I made this assistant interface with: - Canvas with dynamic data (charts, metrics, summary) - Generated message title - Multi part stream - Generated follow up questions 🧵 ⬇️

36,816 views

if you have this table perf you shipped to late.

if you have this table perf you shipped to late.

26,938 views

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`

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`

45,140 views

The best way to handle responsive tables: ◇ Measure width and add scroll ◇ Sticky columns for context ◇ Pagination ◇ Keyboard (Arrow left/right)

The best way to handle responsive tables: ◇ Measure width and add scroll ◇ Sticky columns for context ◇ Pagination ◇ Keyboard (Arrow left/right)

36,973 views

Generate skeletons in seconds with Cursor 🔥 Use `@ filename.tsx` command ⚡

Generate skeletons in seconds with Cursor 🔥 Use `@ filename.tsx` command ⚡

52,331 views

Videos