免费在 GitHub 公开中文介绍

swiss-user-research-video-template

将用户研究的背景、参与者构成、行为模式与证据整理为三页HTML幻灯片，采用温暖纸色的瑞士风格，并通过图表、交互和克制的动效呈现。

原文查看原文说明

Swiss-style user-research narrative template in warm-paper editorial aesthetics. Use when users ask for a premium research deck or story-first live artifact with minimalist typography, high-clarity layout, subtle motion, donut breakdowns, and keyboard/click navigation across slides in a single HTML file.

nexu-io/open-design

AI 评分90分/ 100 查看安装方法

适用场景

用三页幻灯片汇报用户研究
用环形图展示参与者构成
并列说明行为模式与相关证据
以单个HTML文件分享研究资料

中文介绍

功能

将用户研究整理为三页HTML幻灯片，分别展示研究背景、参与者构成，以及行为模式与证据。采用温暖的纸张色调、细线和留白，呈现瑞士风格。参与者构成以环形图展示，鼠标悬停在图例上时会突出显示对应部分，并配有克制的动效。

适用场景

适合按叙事顺序讲解研究成果，或简要说明参与者的构成及观察到的行为。可通过点击或左右方向键切换页面，底部圆点显示当前位置，适合作为逐页展示的汇报资料。

使用示例

“将这份用户研究整理成背景、参与者构成、行为与证据三页幻灯片。”
“用环形图展示参与者构成，制作一份具有温暖纸张质感的研究报告。”

注意事项

须参考DESIGN.md，将已有配色等设置应用到模板。保留三页结构及交互功能，并确保正文、图表标签和比例一致。输出为内嵌CSS与JavaScript的单个HTML文件，不依赖外部框架。需要写入文件。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么: A良好明确说明将用户研究整理为背景、参与者构成、行为与证据三页。
步骤具体性步骤、输入输出和示例是否具体: A良好具体列出模板、颜色映射、须保留的交互、验证资料和HTML输出格式。
安全性发送数据、删除文件、执行命令等是否有说明: A良好明确声明需要写入文件，并将输出限定为单个HTML文件。
安装难易度所需工具和 API 密钥是否少且有说明: B部分不足无需外部框架，但未说明如何准备必需的DESIGN.md。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月20日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

包含的文件（4）

SKILL.md2.7 KB
assets/template.html9.8 KB
example.html9.8 KB
references/checklist.md1.1 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

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

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

Workflow

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.md before output.

Output contract

Emit one concise orientation sentence and then a single HTML artifact:

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

评价

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

同一仓库的技能