InícioDocs para devsComo usar a IA para criar um módulo de interface
Como usar a IA 2 min de leitura

Como usar a IA para criar um módulo de interface

Adicione uma função útil usando a API de navegador, as permissões e o ciclo de vida dos módulos.

Substitua os valores entre colchetes antes de enviar. Forneça os arquivos públicos relevantes da release alvo exata; use exemplos sintéticos e deixe credenciais, campanhas privadas e material proprietário fora do contexto.

O que você vai construir

Crie uma extensão do diretório de atores que conte apenas os atores legíveis pelo usuário conectado. É um primeiro módulo concreto, com resultado visível e sem regras de um RPG específico.

Contexto para fornecer à IA

  • O pacote mínimo Actor counter em docs/pt-BR/modules.md.

  • A API de navegador, eventos e cancelamento em docs/pt-BR/api.md.

  • O contrato da release alvo, especialmente frontend.json e o schema do manifesto.

Passo a passo

  1. Escolha uma superfície documentada existente, como actor.directory.

  2. Forneça o exemplo mínimo real e peça à IA que explique cada etapa do ciclo de vida utilizada.

  3. Comece com uma função de leitura; assine eventos pela API do contexto em vez de consultar a página repetidamente.

  4. Confira montagem/desmontagem e mudanças de ativação antes de empacotar.

Copie e adapte este prompt

text
Repositório: [checkout local ou repositório público]
Release alvo do host: [versão instalada/solicitada; preserve-a]
Escopo e autorização: [o que pode ser alterado/publicado]

Crie example.actor-counter como módulo de navegador na release solicitada.
Use a superfície documentada actor.directory e as interfaces fornecidas api.actors.list() / api.events.on("actors.changed", ...), após conferir as assinaturas. Mostre a contagem de atores legíveis.
Use start/register/stop e o ciclo de vida conforme a documentação. Evite handles globais de window quando existir contexto próprio. Respeite signal.aborted e libere recursos.
Restrinja o CSS à raiz do módulo, mantenha texto de pelo menos 12px, use tokens e traduções existentes e textContent para rótulos não confiáveis.
Entregue manifest.json, main.js, styles.css e licença com instruções exatas de assinatura/instalação. Não presuma um SDK npm nem endpoint de upload sem assinatura.

Examine os arquivos reais e APIs suportadas antes de propor código. Não invente comandos, campos, endpoints ou capacidades de pacotes.
Use dados de teste descartáveis e ferramentas/caches locais à instalação. Explique requisitos sem suporte e valide o resultado com as ferramentas reais do projeto.
Entregue arquivos ou passos concretos no editor, verificações realizadas e limitações pendentes.

Como validar

  • Adicione/remova um ator legível e confira a contagem após a confirmação do servidor.

  • Confira que o jogador não conta atores ocultos.

  • Abra/feche repetidamente e desative durante uma requisição; procure listeners duplicados e atualizações de contextos encerrados.

  • Execute as verificações focadas de módulos/navegador documentadas no projeto com dados isolados.

Pronto quando

A função acompanha o estado autorizado, suporta montagens repetidas e encerra seus recursos quando o contexto termina.

Continue pela referência de módulos, API pública e guia de testes.