Voltar ao Dashboard

Arquitetura do AI Navigation Layer

Entenda como cada camada colabora para transformar uma aplicação web em um sistema navegável por agentes de IA com segurança, observabilidade e eficiência de tokens.

Fluxo Completo de Execução
CAMADA 06 DE 08

Semantic DOM & Scanner

Camada de anotação declarativa em HTML que transforma o DOM em um mapa semântico.

Como Esta Camada Opera

  • Componentes React reutilizáveis: <MCPResource />, <MCPAction />, <MCPNavigation />.
  • Atributos data-mcp-resource, data-mcp-action, data-mcp-description, data-mcp-access.
  • Scanner filtra e higieniza os nós para que nenhum HTML desnecessário chegue à IA.

Exemplo de Código / Carga de Dados

<!-- Elemento Declarativo -->
<a
  href="/dashboard/certificates"
  data-mcp-resource="certificates"
  data-mcp-action="navigate"
  data-mcp-description="Visualizar certificados emitidos"
>
  Certificados
</a>
Garantia Arquitetural: Zero vazamento de dados confidenciais (PII) e economia massiva de tokens.