Modelo de Relatório Editorial de Campo

Produza um relatório de dados editoriais premium em um único arquivo HTML autônomo.

Mapa de Recursos

field-notes-editorial-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Fluxo de Trabalho

1. Leia o DESIGN.md ativo e mapeie a paleta/tipografia para variáveis CSS raiz.
2. Copie assets/template.html para index.html como artefato de trabalho.
3. Mantenha a linguagem do quadro editorial:
   • fundo semelhante a papel e vinheta sutil
   • manchetes de exibição serifadas mais texto corrido sans-serif limpo
   • cartões métricos/de insights em tons pastel arredondados
   • painel de gráficos com legenda e rótulos de eixo
4. Mantenha as interações leves e seguras para apresentação:
   • alternador de visualização de página (métricas / insights / retenção)
   • animação de contagem regressiva para métricas chave
   • animação de revelação de linha de gráfico
5. Use placeholders honestos (— ou rótulos neutros) onde os dados são desconhecidos.
6. Valide contra references/checklist.md antes de emitir.

Contrato de Saída

Uma frase curta de orientação, depois:

<artifact identifier="field-notes-editorial" type="text/html" title="Field Notes Editorial Report">
<!doctype html>
<html>...</html>
</artifact>