Mode d’emploi
- Copiez la commande et examinez le paquet avant de l’installer dans votre environnement agent.
- Consultez le document original pour les outils, identifiants et environnements requis.
- Décrivez les entrées et le livrable souhaité ; comparez la sortie aux sources.
npx skills add https://github.com/nexu-io/open-design --skill swiss-user-research-video-templateAvant de commencer
- L’installation n’inclut ni abonnement au modèle, ni quota API, ni accès aux fichiers.
- Étoiles et installations reflètent l’activité, pas un test indépendant de qualité ou de sécurité.
Document Skill original
Rendu depuis le dépôt source en conservant titres, exemples, code, tableaux, liens et images.
Swiss User Research Video Template
A premium Swiss-editorial user research template for narrative-heavy live artifacts. The visual language is warm paper, strict spacing rhythm, thin rules, and restrained micro-interactions that keep attention on the story.
Resource map
text
swiss-user-research-video-template/
├── SKILL.md
├── assets/
│ └── template.html
├── references/
│ └── checklist.md
└── example.htmlWorkflow
- Read
DESIGN.md, then map tokens to the template CSS variables (--paper,--ink,--muted, rule colors, segment colors) without changing layout semantics. - Start from
assets/template.html; keep the three-slide structure:
- title / framing
- participant breakdown donut
- behavioral pattern + evidence panel
- Preserve interactions:
- click/keyboard slide navigation (
ArrowLeft/ArrowRight) - bottom pagination dots with active state
- donut legend hover highlight
- subtle line-draw and panel-lift transitions
- Keep all data realistic and internally consistent between copy, donut labels, and percentages.
- Keep HTML self-contained (inline CSS/JS), with no external framework dependencies.
- Validate using
references/checklist.mdbefore output.
Output contract
Emit one concise orientation sentence and then a single HTML artifact:
xml
<artifact identifier="swiss-user-research-deck" type="text/html" title="Swiss User Research Synthesis">
<!doctype html>
<html>...</html>
</artifact>
