Importar o sistema.

Copie a pasta inteira para preservar os caminhos de tokens e fontes. Não há ferramenta de build nem serviço externo em tempo de execução.

<html lang="pt-BR" data-tema="claro">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="xeque/css/xeque.css">
  <script defer src="xeque/js/xeque.js"></script>
  <script defer src="xeque/js/modulos/core.js"></script>
  <script defer src="xeque/js/modulos/pecas.js"></script>
  <script defer src="xeque/js/modulos/dados.js"></script>
</head>

Compor, sem acoplar.

xq- identifica componentes. --cl-* preserva a marca. --xq-* descreve o sistema. estudo-xq- compõe apenas o espécime. Estados usam is-* e atributos ARIA.

<section class="xq-section" data-tema="nevoa">
  <div class="xq-container xq-stack">
    <h2>Seu próximo movimento.</h2>
    <p class="xq-lead">Desenvolvimento, aceleração e CRM.</p>
    <a class="xq-btn" href="mailto:contato@chesslab.com.br">Vamos conversar</a>
  </div>
</section>

Empacotar e distribuir.

O arquivo único incorpora o guia completo, o espécime, fontes, imagens, sprite e JavaScript. O ZIP Open Design preserva os arquivos editáveis e suas licenças.

python3 tools/build_docs.py
python3 tools/tokens.py
python3 tools/conferir_xeque.py
python3 tools/empacotar.py

Ciclo de vida previsível.

Inicializar após inserir um componente; desmontar antes de removê-lo. Chamadas repetidas de inicialização preservam uma única instância. Os módulos também observam remoções e retomada de página.

XequeCore.init(container);
XequePecas.init(container);
XequeDados.init(container);
XequeTheme.init(container);

XequeCore.destroy(container);
XequePecas.destroy(container);
XequeDados.destroy(container);
XequeTheme.destroy(container);

XequeDados.refresh(painel) relê a tabela; snapshot(painel) retorna estado e métricas locais. Texto ausente ou inválido torna os cálculos indisponíveis. XequeTheme.set(tema) sincroniza os seletores. Após editar CSS ou JS, gerar o guia novamente para atualizar os hashes de recursos.

Peças vivas e dados instrumentados.

Carregue os módulos independentes agente.js, shopify.js, squads.js e telemetria.js quando usar as respectivas peças. Todos são scripts clássicos locais, sem dependências de runtime.

XequeAgente.init(container);
XequeShopify.init(container);
XequeSquads.init(container);
XequeTelemetria.init(container);

// Antes de remover a composição:
XequeAgente.destroy(container);
XequeShopify.destroy(container);
XequeSquads.destroy(container);
XequeTelemetria.destroy(container);

snapshot(elemento) expõe o estado calculado de cada peça. O alocador retorna uma lista de instâncias; a telemetria recebe o próprio painel. XequeSquads.calcular(composicao, frentes) oferece o cálculo puro; XequeTelemetria.refresh(painel) valida e relê a matriz. Nenhum módulo conecta IA, Shopify, recrutamento ou pagamento. As interfaces demonstram estados e dados locais.