Chris Tate's banner

Chris Tate

@ctatedev • 57,691 subscribers

@Vercel Labs | Created https://t.co/473Fqx49UV, https://t.co/9MKvOdxZXv, https://t.co/ZekOfFdR87, https://t.co/Bnt6dbDG2K | Husband & Dad | He/him | Musician, Space Nerd, Foodie | Vegan

Shorts

Introducing wterm (“dub-term”) A terminal emulator for the web → DOM rendering — not canvas → Select text, copy/paste, ⌘+F, a11y → Dirty-row tracking, 24-bit color, themes → WebSocket transport with reconnection → Zig core compiled to ~12 KB WASM → just-bash, local, SSH

Introducing wterm (“dub-term”) A terminal emulator for the web → DOM rendering — not canvas → Select text, copy/paste, ⌘+F, a11y → Dirty-row tracking, 24-bit color, themes → WebSocket transport with reconnection → Zig core compiled to ~12 KB WASM → just-bash, local, SSH

190,643 просмотров

json-render now supports YAML as a wire format JSONL needs a full element before rendering YAML is valid at every prefix, going from element-level to property-level 💨 YAML looks like source code to LLMs And we use 3 standards they know: JSON Patch, Merge Patch, Unified diff

json-render now supports YAML as a wire format JSONL needs a full element before rendering YAML is valid at every prefix, going from element-level to property-level 💨 YAML looks like source code to LLMs And we use 3 standards they know: JSON Patch, Merge Patch, Unified diff

189,658 просмотров

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚍𝚒𝚛𝚎𝚌𝚝𝚒𝚟𝚎𝚜 Ready-made directives for Generative UI → $format - currencies, dates, percentages via Intl → $t - i18n with key interpolation → $math - arithmetic at render time → $pluralize, $concat, $join, $count Import the ones you need

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚍𝚒𝚛𝚎𝚌𝚝𝚒𝚟𝚎𝚜 Ready-made directives for Generative UI → $format - currencies, dates, percentages via Intl → $t - i18n with key interpolation → $math - arithmetic at render time → $pluralize, $concat, $join, $count Import the ones you need

56,942 просмотров

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

162,418 просмотров

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

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

61,183 просмотров

Introducing visual-json > JSON editing with human-first ergonomics – Minimalist – Embeddable – Schema-aware – Extensible – Drag and drop – Keyboard navigation – Tree view to drill into deeply nested data

Introducing visual-json > JSON editing with human-first ergonomics – Minimalist – Embeddable – Schema-aware – Extensible – Drag and drop – Keyboard navigation – Tree view to drill into deeply nested data

166,797 просмотров

Introducing agent-browser chat agent-browser is now a browser agent. → One-shot: agent-browser chat "open google, search for dogs" → Interactive: agent-browser chat → Built-in AI chat in the dashboard → Execute any agent-browser command → Use agent-browser as a sub-agent

Introducing agent-browser chat agent-browser is now a browser agent. → One-shot: agent-browser chat "open google, search for dogs" → Interactive: agent-browser chat → Built-in AI chat in the dashboard → Execute any agent-browser command → Use agent-browser as a sub-agent

90,926 просмотров

agent-browser + Lightpanda + batch + multi-session is a dangerous combo Completed this benchmark task in 5.85s

agent-browser + Lightpanda + batch + multi-session is a dangerous combo Completed this benchmark task in 5.85s

86,709 просмотров

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

84,351 просмотров

New proposal: Markdown Experience Guidelines A spec for how interfaces should present Markdown Virtual pages, navigation, search, theming Any .md file, zero changes Reference implementation below Would love your input

New proposal: Markdown Experience Guidelines A spec for how interfaces should present Markdown Virtual pages, navigation, search, theming Any .md file, zero changes Reference implementation below Would love your input

36,534 просмотров

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚗𝚎𝚡𝚝 Prompt → JSON → Full Next.js app Routes, layouts, SSR, metadata, data loaders, static generation. For AI website builders. Internal tool generators. CMS-driven apps. White-label SaaS. One JSON spec, entire multi-page app.

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚗𝚎𝚡𝚝 Prompt → JSON → Full Next.js app Routes, layouts, SSR, metadata, data loaders, static generation. For AI website builders. Internal tool generators. CMS-driven apps. White-label SaaS. One JSON spec, entire multi-page app.

86,086 просмотров

iOS support just landed in agent-browser, the browser automation CLI for agents 𝚊𝚐𝚎𝚗𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛 -𝚙 𝚒𝚘𝚜 𝚘𝚙𝚎𝚗 <𝚞𝚛𝚕> Available starting in v0.9

iOS support just landed in agent-browser, the browser automation CLI for agents 𝚊𝚐𝚎𝚗𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛 -𝚙 𝚒𝚘𝚜 𝚘𝚙𝚎𝚗 <𝚞𝚛𝚕> Available starting in v0.9

111,277 просмотров

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

83,942 просмотров

Now Available: agent-browser v0.7 𝚗𝚙𝚡 𝚊𝚐𝚎𝚗𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛 New: - Cloud providers (Browserbase, Browser Use) - Persistent profiles (--profile) - Remote CDP WebSocket URLs - Download commands - Launch config (--args, --user-agent, --proxy-bypass) - Enhanced Claude Code skills Fixes: - Screenshot refs support - WebSocket URLs in connect - Socket file location - Windows binary path - Output messages Docs: - Claude Code marketplace plugin - Skills references & templates - Error docs

70,842 просмотров

Introducing @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚛𝚎𝚊𝚌𝚝-𝚝𝚑𝚛𝚎𝚎-𝚏𝚒𝚋𝚎𝚛 A new renderer that turns JSON specs into interactive R3F scenes Same catalog-driven approach, now for meshes, lights, models, environments, cameras, controls 19 built-in components and 12 demo scenes

Introducing @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚛𝚎𝚊𝚌𝚝-𝚝𝚑𝚛𝚎𝚎-𝚏𝚒𝚋𝚎𝚛 A new renderer that turns JSON specs into interactive R3F scenes Same catalog-driven approach, now for meshes, lights, models, environments, cameras, controls 19 built-in components and 12 demo scenes

42,075 просмотров

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 🤯

45,389 просмотров

The future is wild af

The future is wild af

146,821 просмотров

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

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

27,051 просмотров

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

33,601 просмотров

While building SEV0, I ran into moments where natural language prompting just wasn't enough - too vague, too indirect. So I started using a method that bridges that gap. I call it Bridged Prompting - a technique where you temporarily step out of the prompt-response loop to manipulate something directly using an AI-generated UI, then step back in. Think of it like GenUI, but more user-driven and transient. AI generates a UI on-the-fly, tailored to your prompt, and lets you manipulate the artifact directly before resuming the conversation. Sure, you could build a full tool, switch tabs, wire it up and round-trip your data. But with Bridged Prompting, the AI just spins up a temporary interface right in the flow. In the video below, I used it to construct the hallway system to closely match the layout of the severed floor. This is something I needed to do for this one project, this one time - I didn't need to make a whole separate app. Bridged Prompting lets you: - Make precise edits visually or structurally - "Hit save" to persist changes to local storage or a backend - Return to your natural language prompt

While building SEV0, I ran into moments where natural language prompting just wasn't enough - too vague, too indirect. So I started using a method that bridges that gap. I call it Bridged Prompting - a technique where you temporarily step out of the prompt-response loop to manipulate something directly using an AI-generated UI, then step back in. Think of it like GenUI, but more user-driven and transient. AI generates a UI on-the-fly, tailored to your prompt, and lets you manipulate the artifact directly before resuming the conversation. Sure, you could build a full tool, switch tabs, wire it up and round-trip your data. But with Bridged Prompting, the AI just spins up a temporary interface right in the flow. In the video below, I used it to construct the hallway system to closely match the layout of the severed floor. This is something I needed to do for this one project, this one time - I didn't need to make a whole separate app. Bridged Prompting lets you: - Make precise edits visually or structurally - "Hit save" to persist changes to local storage or a backend - Return to your natural language prompt

42,520 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

GPT-5.5 literally changes the game I've tried making this work with so many other models and never got this far. One prompt in, the physics worked. The animations worked. GPT-image-2 generated the backgrounds. A few lazy follow-ups later, Mochipuff was born.

GPT-5.5 literally changes the game I've tried making this work with so many other models and never got this far. One prompt in, the physics worked. The animations worked. GPT-image-2 generated the backgrounds. A few lazy follow-ups later, Mochipuff was born.

135,524 просмотров • 1 месяц назад

Introducing render-json The Generative JSON framework. 1. Point it at anything 2. It generates JSON 3. That's it Apps, games, and more. If it exists, it can be converted into a JSON spec. 𝚗𝚙𝚖 𝚒 @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚛𝚎𝚗𝚍𝚎𝚛-𝚓𝚜𝚘𝚗

Introducing render-json The Generative JSON framework. 1. Point it at anything 2. It generates JSON 3. That's it Apps, games, and more. If it exists, it can be converted into a JSON spec. 𝚗𝚙𝚖 𝚒 @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚛𝚎𝚗𝚍𝚎𝚛-𝚓𝚜𝚘𝚗

193,449 просмотров • 2 месяцев назад

Introducing json-render × React Native Another step toward UGI (User-Generated Interfaces), powered by Generative UI. Dynamic, personalized UIs per user without sacrificing reliability. Predefined components and actions for safe, predictable output.

Introducing json-render × React Native Another step toward UGI (User-Generated Interfaces), powered by Generative UI. Dynamic, personalized UIs per user without sacrificing reliability. Predefined components and actions for safe, predictable output.

207,239 просмотров • 3 месяцев назад

Auto-discover and connect to your running Chrome with agent-browser agent-browser --auto-connect open <url> Or via environment variable: AGENT_BROWSER_AUTO_CONNECT=1

Auto-discover and connect to your running Chrome with agent-browser agent-browser --auto-connect open <url> Or via environment variable: AGENT_BROWSER_AUTO_CONNECT=1

142,544 просмотров • 2 месяцев назад

One more thing. json-render has entered the chat Your AI can now respond with text, fully rendered UI, and interactive 3D scenes

One more thing. json-render has entered the chat Your AI can now respond with text, fully rendered UI, and interactive 3D scenes

167,235 просмотров • 3 месяцев назад

We got on-demand asset creation for your vibe-coded, web-based three.js Sims game before GTA 6

We got on-demand asset creation for your vibe-coded, web-based three.js Sims game before GTA 6

589,210 просмотров • 1 год назад

Weekend project: webreel Record scripted videos that never go stale → Define clicks, keystrokes, drags in JSON → Human-like cursor animation → Keystroke HUD + sound effects → MP4 / GIF / WebM → Headless, CI-ready, framework agnostic → Re-record on every deploy

Weekend project: webreel Record scripted videos that never go stale → Define clicks, keystrokes, drags in JSON → Human-like cursor animation → Keystroke HUD + sound effects → MP4 / GIF / WebM → Headless, CI-ready, framework agnostic → Re-record on every deploy

52,124 просмотров • 3 месяцев назад

Imagination is all you need

Imagination is all you need

149,466 просмотров • 1 год назад

My 2025 year-end project: Solving Agents After weeks of stress testing agents, I landed on what a top-tier e2e agent actually looks like: Fast, Durable, Resumable, Secure Benchmarked. Battle-tested. Shipping the best patterns as reusable templates, packages and other OSS soon.

My 2025 year-end project: Solving Agents After weeks of stress testing agents, I landed on what a top-tier e2e agent actually looks like: Fast, Durable, Resumable, Secure Benchmarked. Battle-tested. Shipping the best patterns as reusable templates, packages and other OSS soon.

39,146 просмотров • 5 месяцев назад

Vibecoders— Rodin is now *free* to use for #vibejam API key: vibecoding 🤯 Fork this example to get started ↓

Vibecoders— Rodin is now free to use for #vibejam API key: vibecoding 🤯 Fork this example to get started ↓

88,772 просмотров • 1 год назад

Vibe coded "v0 Blocks" into existence ▸ 280 prompts ▸ 0 code written ▸ Music by Suno ▸ KV Storage by @Upstash ▸ Skybox by Blockade Labs ▸ Powered by R3F and three.js Fork it on v0 ↓

Vibe coded "v0 Blocks" into existence ▸ 280 prompts ▸ 0 code written ▸ Music by Suno ▸ KV Storage by @Upstash ▸ Skybox by Blockade Labs ▸ Powered by R3F and three.js Fork it on v0 ↓

54,729 просмотров • 1 год назад

While building SEV0, I ran into moments where natural language prompting just wasn't enough - too vague, too indirect. So I started using a method that bridges that gap. I call it Bridged Prompting - a technique where you temporarily step out of the prompt-response loop to manipulate something directly using an AI-generated UI, then step back in. Think of it like GenUI, but more user-driven and transient. AI generates a UI on-the-fly, tailored to your prompt, and lets you manipulate the artifact directly before resuming the conversation. Sure, you could build a full tool, switch tabs, wire it up and round-trip your data. But with Bridged Prompting, the AI just spins up a temporary interface right in the flow. In the video below, I used it to construct the hallway system to closely match the layout of the severed floor. This is something I needed to do for this one project, this one time - I didn't need to make a whole separate app. Bridged Prompting lets you: - Make precise edits visually or structurally - "Hit save" to persist changes to local storage or a backend - Return to your natural language prompt

While building SEV0, I ran into moments where natural language prompting just wasn't enough - too vague, too indirect. So I started using a method that bridges that gap. I call it Bridged Prompting - a technique where you temporarily step out of the prompt-response loop to manipulate something directly using an AI-generated UI, then step back in. Think of it like GenUI, but more user-driven and transient. AI generates a UI on-the-fly, tailored to your prompt, and lets you manipulate the artifact directly before resuming the conversation. Sure, you could build a full tool, switch tabs, wire it up and round-trip your data. But with Bridged Prompting, the AI just spins up a temporary interface right in the flow. In the video below, I used it to construct the hallway system to closely match the layout of the severed floor. This is something I needed to do for this one project, this one time - I didn't need to make a whole separate app. Bridged Prompting lets you: - Make precise edits visually or structurally - "Hit save" to persist changes to local storage or a backend - Return to your natural language prompt

42,520 просмотров • 1 год назад

Your innie is a vibe coder

Your innie is a vibe coder

26,467 просмотров • 1 год назад

Let's cook together

Let's cook together

21,620 просмотров • 1 год назад

Больше нет контента для загрузки