Chris Tate's banner

Chris Tate

@ctatedev • 61,793 subscribers

@Vercel Labs | Created https://t.co/473Fqx4HKt, https://t.co/ZekOfFeoXF, https://t.co/itpYrocV3p, https://t.co/9MKvOdyxN3 | Husband & Dad | He/him | Musician, Space Nerd, Foodie | Vegan

Shorts

Now available: eve + agent-browser ① Build an agent with eve ② Give it a browser Fill out forms, test websites, collect data, automate work 𝚗𝚙𝚖 𝚒𝚗𝚜𝚝𝚊𝚕𝚕 @𝚊𝚐𝚎𝚗𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛/𝚎𝚟𝚎

Now available: eve + agent-browser ① Build an agent with eve ② Give it a browser Fill out forms, test websites, collect data, automate work 𝚗𝚙𝚖 𝚒𝚗𝚜𝚝𝚊𝚕𝚕 @𝚊𝚐𝚎𝚗𝚝-𝚋𝚛𝚘𝚠𝚜𝚎𝚛/𝚎𝚟𝚎

44,242 просмотров

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

168,200 просмотров

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

191,308 просмотров

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

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

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

164,515 просмотров

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

168,385 просмотров

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

102,560 просмотров

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

87,087 просмотров

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,445 просмотров

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,264 просмотров

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

58,136 просмотров

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,436 просмотров

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,355 просмотров

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

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

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,775 просмотров

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,995 просмотров

The future is wild af

The future is wild af

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

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,102 просмотров

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 просмотров

Grok Imagine Video 1.5 now on AI CLI Generate videos from your terminal: 𝚊𝚒 𝚟𝚒𝚍𝚎𝚘 -𝚒 <𝚏𝚛𝚊𝚖𝚎-𝟷.𝚙𝚗𝚐> "<𝚙𝚛𝚘𝚖𝚙𝚝>" -𝚖 𝚐𝚛𝚘𝚔-𝚒𝚖𝚊𝚐𝚒𝚗𝚎-𝚟𝚒𝚍𝚎𝚘-𝟷.𝟻-𝚙𝚛𝚎𝚟𝚒𝚎𝚠

Grok Imagine Video 1.5 now on AI CLI Generate videos from your terminal: 𝚊𝚒 𝚟𝚒𝚍𝚎𝚘 -𝚒 <𝚏𝚛𝚊𝚖𝚎-𝟷.𝚙𝚗𝚐> "<𝚙𝚛𝚘𝚖𝚙𝚝>" -𝚖 𝚐𝚛𝚘𝚔-𝚒𝚖𝚊𝚐𝚒𝚗𝚎-𝚟𝚒𝚍𝚎𝚘-𝟷.𝟻-𝚙𝚛𝚎𝚟𝚒𝚎𝚠

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

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

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,879 просмотров • 3 месяцев назад

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,998 просмотров • 2 месяцев назад

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,460 просмотров • 1 год назад

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,607 просмотров • 5 месяцев назад

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,722 просмотров • 4 месяцев назад

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

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

Imagination is all you need

Imagination is all you need

149,785 просмотров • 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,238 просмотров • 4 месяцев назад

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 год назад

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 просмотров • 6 месяцев назад

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,558 просмотров • 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 год назад

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