ai-sdk-ui-master
AI SDK UI Master
Expert skill for AI SDK UI (v6), ai package, and ai-elements in AgentStack with Mastra backend.
Stack Overview
| Package | Version | Purpose |
|---|---|---|
ai |
^6.0.97 | UIMessage, parts, createUIMessageStream, createUIMessageStreamResponse, type guards |
@ai-sdk/react |
^3.0.99 | useChat hook |
@mastra/ai-sdk |
^1.0.5 | toAISdkStream, chatRoute, networkRoute, workflowRoute |
| ai-elements | local | 50+ components in src/components/ai-elements/ |
Key File Map
| Purpose | Location |
|---|---|
| Chat provider | app/chat/providers/chat-context.tsx |
| Chat types | app/chat/providers/chat-context-types.ts |
More from ssdeanx/agentstack
test-cases
This skill should be used when generating comprehensive test cases from PRD documents or user requirements. Triggers when users request test case generation, QA planning, test scenario creation, or need structured test documentation. Produces detailed test cases covering functional, edge case, error handling, and state transition scenarios.
25product-requirements
Interactive Product Owner skill for requirements gathering, analysis, and PRD generation. Triggers when users request product requirements, feature specification, PRD creation, or need help understanding and documenting project requirements. Uses quality scoring and iterative dialogue to ensure comprehensive requirements before generating professional PRD documents.
22gemini
Execute Gemini CLI for AI-powered code analysis and generation. Use when you need to leverage Google's Gemini models for complex reasoning tasks.
21skill development
This skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill", "improve skill description", "organize skill content", or needs guidance on skill structure, progressive disclosure, or skill development best practices for Claude Code plugins.
21browser
This skill should be used for browser automation tasks using Chrome DevTools Protocol (CDP). Triggers when users need to launch Chrome with remote debugging, navigate pages, execute JavaScript in browser context, capture screenshots, or interactively select DOM elements. No MCP server required.
20plugin structure
This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plugin.json", "use ${CLAUDE_PLUGIN_ROOT}", "add commands/agents/skills/hooks", "configure auto-discovery", or needs guidance on plugin directory layout, manifest configuration, component organization, file naming conventions, or Claude Code plugin architecture best practices.
20