Modelo de Modo Criativo Suíço

Produza um modelo HTML premium em estilo suíço/editorial com forte ritmo visual e interações significativas, e então emita-o como um artefato de arquivo único.

Mapa de recursos

swiss-creative-mode-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Fluxo de trabalho

1. Leia o DESIGN.md ativo e mapeie as decisões de paleta/tipografia/layout em variáveis CSS raiz.
2. Copie assets/template.html para index.html.
3. Mantenha esta estrutura intacta:
   • Cena de herói com título ousado e moldura geométrica.
   • Linha de cartões de processo em quatro etapas.
   • Cena de diagrama de pilha/arquitetura.
4. Mantenha estas interações funcionando:
   • Navegação de slide anterior/próximo + navegação por pontos.
   • Alternância de tema (papel/escuro).
   • Botão de ciclo de paleta (altera as cores de destaque em todo o modelo).
   • Alternância de hotspot para anotações/detalhes.
5. Mantenha a saída autossuficiente (<!doctype html>, CSS/JS inline, sem dependência de tempo de execução externa).
6. Valide contra references/checklist.md antes de emitir.

Contrato de saída

Uma frase curta antes do artefato, então:

<artifact identifier="swiss-creative-mode" type="text/html" title="Swiss Creative Mode Template">
<!doctype html>
<html>...</html>
</artifact>