Swiss User Research Video Template
Generate a single-file, Swiss-editorial user research slide deck with donut charts and keyboard navigation for stakeholder readouts.
Overview
Swiss User Research Video Template is an agent skill for the Idea phase that builds a Swiss-editorial, single-file HTML user-research deck with minimalist typography, donut breakdowns, and slide navigation.
Install
npx skills add https://github.com/nexu-io/open-design --skill swiss-user-research-video-templateWhat is this skill?
- Swiss warm-paper editorial system with strict spacing, thin rules, restrained motion
- Single HTML hyperframe with keyboard and click slide navigation
- Participant donut breakdown and story-first slide structure
- Open Design template mode: index.html primary plus template and example outputs
- Design-system sections required: color, typography, layout, components
- 4 design-system sections: color, typography, layout, components
- 3 declared outputs: index.html, template.html, example.html
Adoption & trust: 816 installs on skills.sh; 61.4k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You finished user research but only have bullet notes and need a polished, story-first deck without rebuilding slides in a separate design app.
Who is it for?
Founders presenting research synthesis to cofounders, advisors, or early customers who expect editorial polish in one shareable HTML file.
Skip if: Live video editing pipelines, quantitative analytics dashboards, or ad-creative production outside research storytelling.
When should I use this skill?
Users ask for a premium Swiss-style user-research deck or story-first live artifact with minimalist typography, donut breakdowns, and single-file HTML navigation.
What do I get? / Deliverables
You receive a warm-paper Swiss-style HTML artifact with navigable slides, donut participant breakdowns, and template files you can duplicate for the next study.
- index.html primary navigable research deck
- template.html and example.html for reuse
- Embedded donut breakdown and editorial layout per design system
Recommended Skills
Journey fit
Research synthesis and narrative presentation belong in Idea when you are turning interviews and signals into a shareable story before build commitment. The skill packages user-research findings into a premium deck template, not implementation or distribution ads.
How it compares
Use instead of generic slide generators when you need fixed Swiss editorial aesthetics and in-browser presentation navigation in one HTML deliverable.
Common Questions / FAQ
Who is swiss-user-research-video-template for?
Solo builders and designers who want a premium Swiss-style research narrative as an HTML deck with donuts, typography rhythm, and slide controls.
When should I use swiss-user-research-video-template?
Use it during Idea research when you ask for editorial research decks, minimalist user research slides, warm paper Swiss style, or research synthesis templates in a single HTML file.
Is swiss-user-research-video-template safe to install?
It primarily writes HTML and template assets locally; check the Security Audits panel on this Prism page before granting broad file-write access in your agent environment.
SKILL.md
READMESKILL.md - Swiss User Research Video Template
# 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 3. 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 4. Keep all data realistic and internally consistent between copy, donut labels, and percentages. 5. Keep HTML self-contained (inline CSS/JS), with no external framework dependencies. 6. 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> ```