Modelo de Vídeo de Pesquisa de Usuário Suíço

Um modelo premium de pesquisa de usuário com editorial suíço para artefatos ao vivo com forte carga narrativa. A linguagem visual é de papel quente, ritmo de espaçamento rigoroso, linhas finas e microinterações contidas que mantêm a atenção na história.

Mapa de Recursos

swiss-user-research-video-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html

Fluxo de Trabalho

1. Leia DESIGN.md, em seguida, mapeie os tokens para as variáveis CSS do modelo (--paper, --ink, --muted, cores das regras, cores dos segmentos) sem alterar a semântica do layout.
2. Comece em assets/template.html; mantenha a estrutura de três slides:
   • título / enquadramento
   • gráfico de rosca com detalhamento do participante
   • painel de padrões comportamentais + evidências
3. Preserve as interações:
   • navegação de slides por clique/teclado (ArrowLeft/ArrowRight)
   • pontos de paginação inferiores com estado ativo
   • destaque de hover na legenda do gráfico de rosca
   • transições sutis de desenho de linha e elevação de painel
4. Mantenha todos os dados realistas e internamente consistentes entre cópia, rótulos do gráfico de rosca e porcentagens.
5. Mantenha o HTML autossuficiente (CSS/JS inline), sem dependências de frameworks externos.
6. Valide usando references/checklist.md antes da saída.

Contrato de Saída

Emita uma frase de orientação concisa e, em seguida, um único artefato HTML:

<artifact identifier="swiss-user-research-deck" type="text/html" title="Swiss User Research Synthesis">
<!doctype html>
<html>...</html>
</artifact>