Agent skill · software engineering · laguagu
ai-app
Full-stack AI application generator with Next.js, AI SDK, and ai-elements. Use when creating chatbots, agent dashboards, or custom AI applications. Triggers: chatbot, chat app, agent dashboard, AI application, Next.js AI, useChat, streamText, ai-elements, build AI app, create chatbot
Why this skill is useful
Adds executable scripts and specific patterns for generating full-stack AI applications using Next.js and AI SDK that are not commonly found in public documentation.
What it needs
Requires bun installed locally. Requires anthropic, google-generative-ai, openai account access. About 4k tokens when loaded. Last updated 2026-08-03. 58 stars on the source repository.
What this skill does
AI App Generator Build full-stack AI applications with Next.js, AI SDK, and ai-elements. Quick Start 1. Scaffold Project 2. Install Dependencies Version: the patterns below target AI SDK 6 (ToolLoopAgent, createAgentUIStreamResponse, toUIMessageStreamResponse), which is why the install is pinned to ai@6 — an unpinned bun add ai resolves to v7 and the examples here will not match. For a v7 build, scaffold with these steps and then follow /ai-sdk-7 for the API surface. 3. Configure Environment 4. Generate Application Based on user requirements, generate: Chatbot: See references/chatbot.md Agent Dashboard: See references/agent-dashboard.md Custom: Combine patterns as needed Application Types Chatbot Simple conversational AI with streaming responses. Feature Implementation --------- ---------------- Chat UI Conversation + Message + PromptInput API streamText + toUIMessageStreamResponse Extras Reasoning, Sources, File attachments Agent Dashboard Multi-agent interface with tool visualization. Feature Implementation --------- ---------------- Agents ToolLoopAgent with tools UI Dashboard layout + Tool components API createAgentUIStreamResponse Extras Status monitoring, tool approval Custom AI App Mix and match based on user needs: Web search chatbot Code generation assistant Document analyzer Multi-modal chat Project Structure See references/project-structure.md for details. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills laguagu/ai-app