Skip to content

Construindo com um LLM

Use assistentes de codificação IA para acelerar seu fluxo de trabalho de integração com o Braze. Conecte seu IDE ao servidor MCP da documentação do Braze através do Context7 e obtenha orientações precisas e atualizadas sobre SDK diretamente em seu ambiente de desenvolvimento.

Assistentes de codificação IA podem ajudar você a escrever código de integração, solucionar problemas e explorar recursos do SDK do Braze—mas apenas se tiverem o contexto correto. O servidor MCP da documentação do Braze fornece ao seu assistente IA acesso direto à biblioteca de documentação do Braze, para que ele possa gerar trechos de código precisos e responder a perguntas técnicas com base nas referências mais recentes do SDK.

Conectando-se ao MCP da documentação do Braze

Context7 serve como a ponte entre seu assistente IA e a biblioteca de documentação do Braze. Ao adicionar o Context7 à configuração MCP do seu IDE, seu assistente IA pode consultar todo o conjunto de documentação do Braze e recuperar referências relevantes de SDK, exemplos de código e guias de integração sob demanda.

Configurando o Context7

Para conectar seu assistente IA ao MCP da documentação do Braze através do Context7, adicione a seguinte configuração ao arquivo mcp.json do seu IDE.

Em Cursor, acesse Configurações > Ferramentas e Integrações > Ferramentas MCP > Adicionar MCP Personalizado, em seguida, adicione o seguinte trecho:

1
2
3
4
5
6
7
8
{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Salve a configuração e reinicie o Cursor. Seu assistente IA agora pode acessar a documentação do Braze através do Context7 quando você incluir use context7 em seus prompts.

No Claude Desktop, acesse Configurações > Desenvolvedor > Editar Config, em seguida, adicione o seguinte ao seu arquivo claude_desktop_config.json:

1
2
3
4
5
6
7
8
{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Salve a configuração e reinicie o Claude Desktop.

Adicione o seguinte ao seu arquivo settings.json ou .vscode/mcp.json do VS Code:

1
2
3
4
5
6
7
8
{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

Salve a configuração e reinicie o VS Code.

Escrevendo prompts para o desenvolvimento do SDK da Braze

Depois de configurar o Context7, inclua use context7 em seus prompts para sinalizar ao seu assistente de IA que ele deve puxar a documentação da Braze como contexto. Os seguintes exemplos mostram como escrever prompts eficazes para tarefas comuns do SDK.

SDK do React Native

Esses prompts demonstram tarefas comuns de integração para o Braze React Native SDK.

Inicializando o SDK

1
2
3
Using the Braze React Native SDK, show me how to initialize the SDK 
in my App.tsx with an API key and custom endpoint. Include the 
configuration for automatic session tracking. Use context7.

Registrando eventos personalizados com propriedades

1
2
3
4
I need to track user activity in my React Native app using the Braze 
React Native SDK. Show me how to log a custom event called 
"ProductViewed" with properties for product_id, category, and price. 
Use context7.

Configurando notificações por push

1
2
3
Using the Braze React Native SDK, walk me through requesting push 
notification permissions on both iOS and Android 13+. Include the 
code for registering the push token with Braze. Use context7.

Envio de mensagens no app

1
2
3
Show me how to subscribe to in-app messages using the Braze React 
Native SDK, including how to log impressions and button clicks 
programmatically. Use context7.

SDK da Web

Esses prompts demonstram tarefas comuns de integração para o Braze Web SDK.

Inicializando o SDK

1
2
3
4
Using the Braze Web SDK, show me how to initialize the SDK with 
braze.initialize(), including the API key, base URL, and options 
for enabling logging and automatic in-app message display. 
Use context7.

Rastreamento de eventos personalizados e compras

1
2
3
4
5
Using the Braze Web SDK, create a JavaScript module that logs a 
custom event called "VideoPlayed" with properties for video_id, 
duration_seconds, and completion_percentage. Also show how to log 
a purchase with product ID, price, currency code, and quantity. 
Use context7.

Registrando-se para web push

1
2
3
4
Using the Braze Web SDK, provide the HTML and JavaScript needed to 
register a user for web push notifications after they click a 
"Subscribe to updates" button. Include the service worker setup. 
Use context7.

Gerenciando atributos de usuário

1
2
3
Using the Braze Web SDK, show me how to set standard user attributes 
(first name, email, country) and custom user attributes (favorite_genre, 
subscription_tier) for the current user. Use context7.

Documentação em texto simples

Você pode acessar a documentação do Guia do Desenvolvedor da Braze como arquivos de texto simples otimizados para ferramentas de IA e LLMs. Esses arquivos fornecem a documentação da Braze em um formato que assistentes de IA podem analisar e entender sem a sobrecarga da renderização em HTML.

Esses arquivos seguem o padrão llms.txt standard, uma convenção emergente para tornar a documentação acessível a ferramentas de IA. Você pode referenciar esses arquivos diretamente em seus prompts ou colar seu conteúdo em um LLM para contexto.

New Stuff!