Modelo de Dashboard de Análise de Trading

Produza um dashboard de trading premium, denso em dados e no estilo Wall Street como um artefato HTML autocontido.

Mapa de Recursos

trading-analysis-dashboard-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Fluxo de Trabalho

1. Leia o DESIGN.md ativo, depois mapeie tipografia/cor/layout em variáveis CSS.
2. Copie assets/template.html para index.html.
3. Personalize títulos, nomes de instrumentos e rótulos numéricos para o briefing do usuário.
4. Preserve a fidelidade da interação:
   • Interruptor de modo Claro/Escuro
   • Modo Ao Vivo/Demonstração
   • Mira cruzada e tooltip do gráfico ao passar o mouse
   • Gráfico de clique para foco (estilo de modal flutuante)
   • Paleta de comandos do teclado (/)
5. Mantenha a saída em um único arquivo HTML (CSS inline + JS inline, sem dependência de framework).
6. Mantenha os placeholders honestos (— ou rótulos neutros) onde os números reais são desconhecidos.
7. Valide contra references/checklist.md antes de emitir.

Contrato de Saída

Uma frase antes do artefato, então:

<artifact identifier="trading-analysis-dashboard" type="text/html" title="Trading Analysis Dashboard">
<!doctype html>
<html>...</html>
</artifact>