nexu-io/open-design

swiss-user-research-video-template

Swiss-style user-research narrative template in warm-paper editorial aesthetics.

View source

How to use

  1. Copy the installation command and review the source package before installing it in your own agent environment.
  2. Check the source document for required tools, credentials and supported hosts.
  3. Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/nexu-io/open-design --skill swiss-user-research-video-template

Before you start

  • Installation does not include a model subscription, API allowance or permission to access your files.
  • Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document

Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.

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.html

Workflow

  1. Read DESIGN.md, then map tokens to the template CSS variables (--paper, --ink, --muted, rule colors, segment colors) without changing layout semantics.
  2. Start from assets/template.html; keep the three-slide structure:
  • title / framing
  • participant breakdown donut
  • behavioral pattern + evidence panel
  1. 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
  1. Keep all data realistic and internally consistent between copy, donut labels, and percentages.
  2. Keep HTML self-contained (inline CSS/JS), with no external framework dependencies.
  3. Validate using references/checklist.md before 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>

Related by task

from this repository

More skills

All skills