Crie interfaces de chat de IA usando componentes ai-elements — conversas, mensagens, exibições de ferramentas, entradas de prompt e muito mais. Use quando o usuário desejar construir um chatbot, IU de assistente de IA ou qualquer interface de chat com inteligência artificial.
O vercel/ai-elements é uma habilidade especializada para agentes de IA (como Claude Code, Cursor, Codex) que permite construir interfaces de chat de IA ricas e prontas para produção. Utilizando a biblioteca `ai-elements`, ela fornece um conjunto de componentes React pré-construídos e personalizáveis para acelerar o desenvolvimento de interfaces de conversação com IA. Os principais componentes incluem `Conversation`, `Messages`, `ToolDisplay`, e `PromptInput`, que abstraem a complexidade da lógica de estado e renderização de mensagens, ferramentas e formulários. Essa habilidade é útil porque elimina a necessidade de construir interfaces de chat do zero, permitindo que os desenvolvedores foquem na lógica de negócio e na integração com provedores de IA. O funcionamento é simples: o agente gera código JSX que utiliza esses componentes, seguindo padrões de design e boas práticas estabelecidas na documentação. A habilidade suporta os principais frameworks de desenvolvimento de agentes, como Claude Code e Cursor, sendo ideal para projetos que exigem um chat visual, exibição de chamadas de ferramentas e entrada de prompts controlada.
npx skills add https://github.com/vercel/ai-elements/tree/main/skills/ai-elementsCrie interfaces de chat de IA usando componentes ai-elements — conversas, mensagens, exibições de ferramentas, entradas de prompt e muito mais. Use quando o usuário desejar construir um chatbot, IU de assistente de IA ou qualquer interface de chat com inteligência artificial.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".