{"id":"e065e1f5-eef4-4c17-8172-65ef3f903885","shortId":"LNJspx","kind":"skill","title":"swiss-user-research-video-template","tagline":"Swiss-style user-research narrative template in warm-paper editorial aesthetics.\nUse when users ask for a premium research deck or story-first live artifact with\nminimalist typography, high-clarity layout, subtle motion, donut breakdowns,\nand keyboard/click navigation across slid","description":"# Swiss User Research Video Template\n\nA premium Swiss-editorial user research template for narrative-heavy live artifacts.\nThe visual language is warm paper, strict spacing rhythm, thin rules, and restrained\nmicro-interactions that keep attention on the story.\n\n## Resource map\n\n```text\nswiss-user-research-video-template/\n├── SKILL.md\n├── assets/\n│   └── template.html\n├── references/\n│   └── checklist.md\n└── example.html\n```\n\n## Workflow\n\n1. Read `DESIGN.md`, then map tokens to the template CSS variables (`--paper`, `--ink`, `--muted`, rule colors, segment colors) without changing layout semantics.\n2. Start from `assets/template.html`; keep the three-slide structure:\n   - title / framing\n   - participant breakdown donut\n   - behavioral pattern + evidence panel\n3. Preserve interactions:\n   - click/keyboard slide navigation (`ArrowLeft`/`ArrowRight`)\n   - bottom pagination dots with active state\n   - donut legend hover highlight\n   - subtle line-draw and panel-lift transitions\n4. Keep all data realistic and internally consistent between copy, donut labels, and percentages.\n5. Keep HTML self-contained (inline CSS/JS), with no external framework dependencies.\n6. Validate using `references/checklist.md` before output.\n\n## Output contract\n\nEmit one concise orientation sentence and then a single HTML artifact:\n\n```xml\n<artifact identifier=\"swiss-user-research-deck\" type=\"text/html\" title=\"Swiss User Research Synthesis\">\n<!doctype html>\n<html>...</html>\n</artifact>\n```","tags":["swiss","user","research","video","template","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok"],"capabilities":["skill","source-nexu-io","skill-swiss-user-research-video-template","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/swiss-user-research-video-template","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 44905 github stars · SKILL.md body (1,484 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:50:19.013Z","embedding":null,"createdAt":"2026-05-09T12:51:54.842Z","updatedAt":"2026-05-18T18:50:19.013Z","lastSeenAt":"2026-05-18T18:50:19.013Z","tsv":"'1':109 '2':131 '3':150 '4':177 '5':191 '6':204 'across':50 'activ':162 'aesthet':20 'arrowleft':156 'arrowright':157 'artifact':35,70,222 'ask':24 'asset':103 'assets/template.html':134 'attent':89 'behavior':146 'bottom':158 'breakdown':46,144 'chang':128 'checklist.md':106 'clariti':41 'click/keyboard':153 'color':124,126 'concis':214 'consist':184 'contain':196 'contract':211 'copi':186 'css':118 'css/js':198 'data':180 'deck':29 'depend':203 'design.md':111 'donut':45,145,164,187 'dot':160 'draw':171 'editori':19,61 'emit':212 'evid':148 'example.html':107 'extern':201 'first':33 'frame':142 'framework':202 'heavi':68 'high':40 'high-clar':39 'highlight':167 'hover':166 'html':193,221 'ink':121 'inlin':197 'interact':86,152 'intern':183 'keep':88,135,178,192 'keyboard/click':48 'label':188 'languag':73 'layout':42,129 'legend':165 'lift':175 'line':170 'line-draw':169 'live':34,69 'map':94,113 'micro':85 'micro-interact':84 'minimalist':37 'motion':44 'mute':122 'narrat':13,67 'narrative-heavi':66 'navig':49,155 'one':213 'orient':215 'output':209,210 'pagin':159 'panel':149,174 'panel-lift':173 'paper':18,76,120 'particip':143 'pattern':147 'percentag':190 'premium':27,58 'preserv':151 'read':110 'realist':181 'refer':105 'references/checklist.md':207 'research':4,12,28,54,63,99 'resourc':93 'restrain':83 'rhythm':79 'rule':81,123 'segment':125 'self':195 'self-contain':194 'semant':130 'sentenc':216 'singl':220 'skill' 'skill-swiss-user-research-video-template' 'skill.md':102 'slid':51 'slide':139,154 'source-nexu-io' 'space':78 'start':132 'state':163 'stori':32,92 'story-first':31 'strict':77 'structur':140 'style':9 'subtl':43,168 'swiss':2,8,52,60,97 'swiss-editori':59 'swiss-styl':7 'swiss-user-research-video-templ':1,96 'templat':6,14,56,64,101,117 'template.html':104 'text':95 'thin':80 'three':138 'three-slid':137 'titl':141 'token':114 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'transit':176 'typographi':38 'use':21,206 'user':3,11,23,53,62,98 'user-research':10 'valid':205 'variabl':119 'video':5,55,100 'visual':72 'warm':17,75 'warm-pap':16 'without':127 'workflow':108 'xml':223","prices":[{"id":"a5a98b9c-3ae9-4531-91c0-a55f035059a7","listingId":"e065e1f5-eef4-4c17-8172-65ef3f903885","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-09T12:51:54.842Z"}],"sources":[{"listingId":"e065e1f5-eef4-4c17-8172-65ef3f903885","source":"github","sourceId":"nexu-io/open-design/swiss-user-research-video-template","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/swiss-user-research-video-template","isPrimary":false,"firstSeenAt":"2026-05-09T12:51:54.842Z","lastSeenAt":"2026-05-18T18:50:19.013Z"}],"details":{"listingId":"e065e1f5-eef4-4c17-8172-65ef3f903885","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"swiss-user-research-video-template","github":{"repo":"nexu-io/open-design","stars":44905,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-18T18:43:11Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"7810df71ddb140629f6f2fa7ebcf2d7ad6721132","skill_md_path":"skills/swiss-user-research-video-template/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/swiss-user-research-video-template"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"swiss-user-research-video-template","description":"Swiss-style user-research narrative template in warm-paper editorial aesthetics.\nUse when users ask for a premium research deck or story-first live artifact with\nminimalist typography, high-clarity layout, subtle motion, donut breakdowns,\nand keyboard/click navigation across slides in a single HTML file."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/swiss-user-research-video-template"},"updatedAt":"2026-05-18T18:50:19.013Z"}}