Topic: generative-ui
22 skills in this topic.
-
generative-ui
Creates a new Tambo generative UI app from scratch. Scaffolds with tambo create-app, wires TamboProvider, registers starter components. Triggers on "new Tambo app", "create a generative UI app", "build an AI app from scratch", "start a new project with Tambo". For existing apps, use building-with-tambo.
tambo-ai/tambo 11,120
-
building-with-tambo
Integrates Tambo into existing React apps — detects tech stack, installs @tambo-ai/react, wires TamboProvider, registers components with Zod schemas, and sets up tools/context. Use when adding AI-powered generative UI to an existing codebase. Triggers on "add Tambo", "integrate Tambo", "add AI chat to my app", "add generative UI", or when the user has an existing React/Next.js/Vite project and wants to add AI-powered components. For brand-new projects, use generative-ui instead.
tambo-ai/tambo 11,120
-
validating-accessibility
Use this skill when creating, modifying, or reviewing any .tsx component in apps/web, even if the user doesn't mention "accessibility." Covers semantic HTML, aria labels, navigation landmarks, forms, dialogs, and keyboard navigation. Trigger on: adding buttons, links, toggles, icons, or any interactive element; building or editing forms; adding dialogs or modals; reviewing UI code. Includes inline verification patterns for scanning violations. Not for styling or layout changes that don't involve interactive elements.
tambo-ai/tambo 11,120
-
creating-styled-wrappers
Creates styled wrapper components that compose headless/base compound components. Use when refactoring styled components to use base primitives, implementing opinionated design systems on top of headless components, or when the user mentions "use base components", "compose primitives", "styled wrapper", or "refactor to use base".
tambo-ai/tambo 11,120
-
building-compound-components
Creates unstyled compound components that separate business logic from styles. Use when building headless UI primitives, creating component libraries, implementing Radix-style namespaced components, or when the user mentions "compound components", "headless", "unstyled", "primitives", or "render props".
tambo-ai/tambo 11,120
-
building-settings-ui
Use this skill when adding or modifying settings UI in Tambo Cloud. Covers where a new settings section belongs (Agent tab vs Settings tab), and the component patterns used across both pages (card layout, toasts, confirmation dialogs, destructive styling, save behavior conventions). Triggers on "add a new settings section", "where should X go?", "settings UI", "settings page", "agent page", or any work touching apps/web/components/dashboard-components/project-details/, project-settings.tsx, or agent-settings.tsx. Not for full-stack feature building (DB, tRPC, tests); those patterns will get their own skills.
tambo-ai/tambo 11,120
-
api-resource-lifecycle
Guides CRUD operations for API resources with cascading dependencies, descriptive validation, and orphan prevention. Use when adding delete/remove operations, creating validation logic, building resources that depend on other resources, or when the user mentions "cascade delete", "orphan records", "duplicate detection", "validation errors", "resource cleanup", or "rollback on failure".
tambo-ai/tambo 11,120
-
ai-sdk-model-manager
Manages AI SDK model configurations - updates packages, identifies missing models, adds new models with research, and updates documentation
tambo-ai/tambo 11,120
-
chatgpt-app-builder
DEPRECATED: This skill has been replaced by `mcp-app-builder`.
Check if `mcp-app-builder` is available in the skills folder. If not, install it:
`npx skills install mcp-use/mcp-use --skill mcp-app-builder`
Use `mcp-app-builder` instead of this skill.
Build ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK.
Use when creating ChatGPT apps, building MCP servers with widgets, defining React widgets,
working with Apps SDK, or when user mentions ChatGPT widgets, mcp-use widgets, or Apps SDK development.
CopilotKit/CopilotKit 30,143
-
mcp-builder
DEPRECATED: This skill has been replaced by `mcp-app-builder`.
Check if `mcp-app-builder` is available in the skills folder. If not, install it:
`npx skills install mcp-use/mcp-use --skill mcp-app-builder`
Use `mcp-app-builder` instead of this skill.
Build Model Context Protocol (MCP) servers with mcp-use framework.
Use when creating MCP servers, defining tools/resources/prompts, working with mcp-use,
bootstrapping MCP projects, or when user mentions MCP development, tools, resources, or prompts.
CopilotKit/CopilotKit 30,143
-
mcp-apps-builder
**MANDATORY for ALL MCP server work** - mcp-use framework best practices and patterns.
**READ THIS FIRST** before any MCP server work, including:
- Creating new MCP servers
- Modifying existing MCP servers (adding/updating tools, resources, prompts, widgets)
- Debugging MCP server issues or errors
- Reviewing MCP server code for quality, security, or performance
- Answering questions about MCP development or mcp-use patterns
- Making ANY changes to server.tool(), server.resource(), server.prompt(), or widgets
This skill contains critical architecture decisions, security patterns, and common pitfalls.
Always consult the relevant reference files BEFORE implementing MCP features.
CopilotKit/CopilotKit 30,143
-
git-hooks
CopilotKit pre-commit hook reference. Load automatically when the user mentions git hooks failing, pre-commit errors, lefthook issues, commit blocked, or "hooks don't work", or when user wants to commit/push anything Contains the full hook topology so debugging skips discovery and goes straight to diagnosis.
CopilotKit/CopilotKit 30,143
-
island-rescue
How to be rescued from a lonely island
vercel/ai 23,223
-
ai-sdk
Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".
vercel/ai 23,223
-
update-provider-models
Add new or remove obsolete model IDs for existing AI SDK providers. Use when adding a model to a provider, removing an obsolete model, or processing a list of model changes from an issue. Triggers on "add model", "remove model", "new model ID", "obsolete model", "update model IDs".
vercel/ai 23,223
-
list-npm-package-content
List the contents of an npm package tarball before publishing. Use when the user wants to see what files are included in an npm bundle, verify package contents, or debug npm publish issues.
vercel/ai 23,223
-
develop-ai-functions-example
Develop examples for AI SDK functions. Use when creating, running, or modifying examples under examples/ai-functions/src to validate provider support, demonstrate features, or create test fixtures.
vercel/ai 23,223
-
capture-api-response-test-fixture
Capture API response test fixture.
vercel/ai 23,223
-
adr-skill
Create and maintain Architecture Decision Records (ADRs) optimized for agentic coding workflows. Use when you need to propose, write, update, accept/reject, deprecate, or supersede an ADR; bootstrap an adr folder and index; consult existing ADRs before implementing changes; or enforce ADR conventions. This skill uses Socratic questioning to capture intent before drafting, and validates output against an agent-readiness checklist.
vercel/ai 23,223
-
add-provider-package
Guide for adding new AI provider packages to the AI SDK. Use when creating a new @ai-sdk/<provider> package to integrate an AI service into the SDK.
vercel/ai 23,223
-
add-function-examples
Guide for adding new AI function examples, for testing specific features against the actual provider APIs.
vercel/ai 23,223
-
island-rescue
How to be rescued from a lonely island
vercel/ai 23,223