Skip to content

feat: add agentic playground to landing page#23

Open
camilocbarrera wants to merge 4 commits intomainfrom
feat/playground
Open

feat: add agentic playground to landing page#23
camilocbarrera wants to merge 4 commits intomainfrom
feat/playground

Conversation

@camilocbarrera
Copy link
Member

Summary

  • Replaces static code editor in Hero with an interactive AI playground
  • Chat interface where an AI agent writes and executes code via exec0 in real-time
  • Vercel AI Gateway (gpt-4o-mini) with tool calling to exec0 API
  • Streamdown markdown rendering with per-token fade-in streaming animation
  • exec0-branded tool call cards with syntax highlighting, status badges, and completion sounds
  • Animated input with gradient sweep on send + sound effects
  • Upstash rate limiting (5 req/min per IP)
  • Responsive design for mobile/tablet/desktop
  • Friendly error messages for timeouts, rate limits, and connection issues

Test plan

  • Landing page loads with playground in hero section
  • Click a preset prompt → AI streams response with tool calls
  • Tool cards show code, execution status, output, timing
  • Multi-step: AI uses first result to inform second tool call
  • Mobile: playground stacks properly, scrollable, input accessible
  • Rate limiting returns friendly error on 6th request within 1 minute

AI-powered chat endpoint using Vercel AI Gateway with exec0 code
execution tool. Includes Upstash-based rate limiting (5 req/min).
Interactive chat UI replacing the static code editor. Features:
- Streamdown markdown rendering with token-fade streaming animation
- exec0 tool call cards with syntax highlighting and completion sound
- Animated input with gradient sweep on send
- Preset prompt chips with exec0 logo watermark
- Responsive layout for mobile/tablet/desktop
- Friendly error messages for timeouts and rate limits
Adds @tailwindcss/typography for prose styling and token-fade/stream-fade
CSS keyframes for smooth streaming text rendering.
ai, @ai-sdk/react, @ai-sdk/gateway, @upstash/ratelimit, @upstash/redis,
streamdown, @streamdown/code, @tailwindcss/typography, use-stick-to-bottom,
use-sound
@vercel
Copy link

vercel bot commented Mar 16, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
exec0 Error Error Mar 16, 2026 5:49pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants