Iniciador de Conversação
Uma aplicativo de conversação de IA a funcionar, gratuita e implantável num clique. A barra lateral da aplicativo, um compositor de comprimidos com chip modelo e controlo de paragem, um indicador de pensamento, respostas transmitidas com ações de cópia e leitura em voz alta, e uma linha de histórico de conversa que vive no navegador do visitante. Por trás dela, uma rota lê o lado- chave do servidor do seu fornecedor e transmite as respostas com o Vercel AI SDK. Tudo instala- se como fonte, por isso é seu para mudar.
Em que posso ajudar?
Esta conversa é executada contra a sua própria chave de API. O histórico permanece neste navegador.
Lançar para Vercel
Clique em Implantar, cole uma chave API quando o Vercel pedir, e a primeira implantação já responde. A Vercel copia o iniciador na sua própria conta GitHub e constrói- o lá. A chave vai diretamente para o ambiente do seu projeto e nunca toca no BoardUI.
Solicita fatura para quem possui a chave, e qualquer um com o URL pode enviá-los. Crie a chave com um limite de gastos, e coloque um limite de taxa na frente de /api/chat antes de apontar o público para ele.
Instalação
Já tem um projeto Next.js? A mesma tela instala com o CLI, o tempo de execução incluído.
Modo escuro pronto - este componente segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.
npx boardui@latest add agent-chatUsando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.
Traz a tua própria chave
Uma variável, AI_API_KEY. O provedor é lido a partir da própria chave, então não há mais nada para configurar:
sk-ant-...Anthropicsk-or-...OpenRoutersk-...OpenAIAIza...Google Geminivck_...Portão Vercel AIgsk_...Groqxai-...xAI
Crie a chave com um limite de gastos onde o provedor oferece um. O OpenRouter pode limitar os créditos que uma chave pode gastar, e o OpenAI tem limites de uso por projeto. A chave nunca atinge o navegador, mas o chat está aberto a qualquer pessoa que tenha o URL, então o cap é o que limita o custo.
Definir CHAT_MODEL para escolher um modelo diferente. Para Mistral ou DeepSeek, cujas chaves não têm forma reconhecível, adicione AI_PROVIDER=mistral ou AI_PROVIDER=deepseek. Qualquer servidor compatível com OpenAI, de Ollama em seu laptop para LiteLLM em produção, trabalha com AI_BASE_URL e CHAT_MODEL. Variável habitual de cada fornecedor (OPENAI_API_KEY, ANTHROPIC_API_KEY, e assim por diante) também funciona.
Executa-o localmente
Clone seu repo implantado, ou o arranque em si, e dê-lhe uma chave:
npm installcp .env.example .env.local # put your key in AI_API_KEYnpm run devO que está incluído
Componentes livres apenas, instalados como fonte: a barra lateral do aplicativo com a equipe e menus do usuário, o compositor e seu tratamento de carregamento, o indicador de pensamento, a grade de histórico de bate-papo com renome, não lido e exportação, as ações de mensagem e todos os componentes de base de que dependem. O aplicativo implantado também carrega um painel com os dois gráficos livres e telas de login e inscrição construídas a partir dos mesmos componentes livres, então a barra lateral apenas links para páginas que existem. Além disso app/api/chat/route.ts, o tempo de execução, e regras de projeto da BoardUI para agentes de codificação em AGENTS.md, assim que a próxima tela um agente constrói fala a mesma linguagem. Modelos Pro instalar no mesmo projeto quando você quiser.