Vercel AI SDK Streaming Chat (Production)
Act as a senior full-stack engineer. Implement a production-ready streaming chat using Vercel AI SDK v4+ for [FRAMEWORK: Next.js App Router | Astro API route]. Requirements: - Route handler with `streamText`, tool calling optional ([TOOLS: yes/no]) - Client UI with `useChat`, optimistic messages, abort controller, retry on network fail - Message parts: text, tool invocations, error states; persist to [DB] with user/session IDs - Rate limit: [N] req/min per IP; max tokens per request - Env vars list (no secrets in repo) - Testing notes: mock model in CI, snapshot tool-call payloads Deliver: file tree, complete code for server + client, and 5-line security checklist (CSRF, SSRF on tools, prompt injection). Product: [APP_NAME]. Model: [MODEL].
🌟 Example Output / Preview
Prompt Metadata
Primary Use Cases:
- •Legacy code modernization & technical refactoring
- •Full-stack layout generation & component structuring
- •CI/CD workflow automation & unit/E2E testing suites
Associated Tags:
💡 Pro Tips & Advice
1. Use bracketed items: Be sure to fill out all [PLACEHOLDER] elements with specific details before sending the prompt to the AI model.
2. Adjust temperature: For creative tasks, set AI temperature higher (e.g., 0.8), or lower (e.g., 0.2) for strict coding/technical tasks.
🔗 Related AI Prompts
Full SaaS Landing Page Build Spec (SEO + Conversion)
You are a Staff Product Designer + Frontend Engineer + SEO strategist. Build a complete, production-ready marketing landing page f...
SaaS Analytics Dashboard Full Build Spec
You are a Principal Product Designer + Frontend Lead. Design and specify a complete [LIGHT | DARK] analytics dashboard for [PRODUC...
SaaS Admin Panel Dashboard Build Spec
Design a full internal Admin Dashboard for [PRODUCT_NAME] used by [ADMIN_ROLE: support | ops | super-admin]. --- 🎯 CONTEXT Adm...