{"id":"301fab60-993b-4535-aeba-1c4c15373c11","shortId":"t5mFry","kind":"skill","title":"swiss-creative-mode-template","tagline":"Swiss-inspired creative-mode presentation template skill with bold editorial\ntypography, high-contrast geometric cards, interactive slide navigation,\ntheme switching, hotspot overlays, and palette choreography in a single-file\nHTML artifact. Use when users ask for a premium prese","description":"# Swiss Creative Mode Template\n\nProduce a premium Swiss/editorial-style HTML template with strong visual rhythm\nand meaningful interactions, then emit it as a single-file artifact.\n\n## Resource map\n\n```text\nswiss-creative-mode-template/\n├── SKILL.md\n├── assets/\n│ └── template.html\n├── references/\n│ └── checklist.md\n└── example.html\n```\n\n## Workflow\n\n1. Read active `DESIGN.md` and map palette/type/layout decisions into root CSS variables.\n2. Copy `assets/template.html` to `index.html`.\n3. Keep this structure intact:\n - Hero scene with bold title and geometric frame.\n - Four-step process card row.\n - Stack/architecture diagram scene.\n4. Keep these interactions working:\n - Prev/next slide navigation + dot nav.\n - Theme toggle (paper/dark).\n - Palette cycle button (changes accent colors across the template).\n - Hotspot toggle for annotations/details.\n5. Keep output self-contained (``, inline CSS/JS, no external runtime dependency).\n6. Validate against `references/checklist.md` before emitting.\n\n## Output contract\n\nOne short sentence before artifact, then:\n\n```xml\n\n\n...\n\n```","tags":["swiss","creative","mode","template","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-swiss-creative-mode-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-creative-mode-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,255 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:18.935Z","embedding":null,"createdAt":"2026-05-09T12:51:54.759Z","updatedAt":"2026-05-18T18:50:18.935Z","lastSeenAt":"2026-05-18T18:50:18.935Z","tsv":"'1':90 '2':102 '3':107 '4':129 '5':155 '6':167 'accent':146 'across':148 'activ':92 'annotations/details':154 'artifact':40,74,179 'ask':44 'asset':84 'assets/template.html':104 'bold':16,115 'button':144 'card':23,124 'chang':145 'checklist.md':87 'choreographi':33 'color':147 'contain':160 'contract':174 'contrast':21 'copi':103 'creativ':3,10,50,80 'creative-mod':9 'css':100 'css/js':162 'cycl':143 'decis':97 'depend':166 'design.md':93 'diagram':127 'dot':137 'editori':17 'emit':67,172 'example.html':88 'extern':164 'file':38,73 'four':121 'four-step':120 'frame':119 'geometr':22,118 'hero':112 'high':20 'high-contrast':19 'hotspot':29,151 'html':39,57 'index.html':106 'inlin':161 'inspir':8 'intact':111 'interact':24,65,132 'keep':108,130,156 'map':76,95 'meaning':64 'mode':4,11,51,81 'nav':138 'navig':26,136 'one':175 'output':157,173 'overlay':30 'palett':32,142 'palette/type/layout':96 'paper/dark':141 'premium':47,55 'prese':48 'present':12 'prev/next':134 'process':123 'produc':53 'read':91 'refer':86 'references/checklist.md':170 'resourc':75 'rhythm':62 'root':99 'row':125 'runtim':165 'scene':113,128 'self':159 'self-contain':158 'sentenc':177 'short':176 'singl':37,72 'single-fil':36,71 'skill':14 'skill-swiss-creative-mode-template' 'skill.md':83 'slide':25,135 'source-nexu-io' 'stack/architecture':126 'step':122 'strong':60 'structur':110 'swiss':2,7,49,79 'swiss-creative-mode-templ':1,78 'swiss-inspir':6 'swiss/editorial-style':56 'switch':28 'templat':5,13,52,58,82,150 'template.html':85 'text':77 'theme':27,139 'titl':116 'toggl':140,152 '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' 'typographi':18 'use':41 'user':43 'valid':168 'variabl':101 'visual':61 'work':133 'workflow':89 'xml':181","prices":[{"id":"eab5ecd6-9b72-4d43-94a2-20d41b6425cd","listingId":"301fab60-993b-4535-aeba-1c4c15373c11","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.759Z"}],"sources":[{"listingId":"301fab60-993b-4535-aeba-1c4c15373c11","source":"github","sourceId":"nexu-io/open-design/swiss-creative-mode-template","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/swiss-creative-mode-template","isPrimary":false,"firstSeenAt":"2026-05-09T12:51:54.759Z","lastSeenAt":"2026-05-18T18:50:18.935Z"}],"details":{"listingId":"301fab60-993b-4535-aeba-1c4c15373c11","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"swiss-creative-mode-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":"b0d768b686ff65cde39dea9ca04a2968ed9b734c","skill_md_path":"skills/swiss-creative-mode-template/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/swiss-creative-mode-template"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"swiss-creative-mode-template","description":"Swiss-inspired creative-mode presentation template skill with bold editorial\ntypography, high-contrast geometric cards, interactive slide navigation,\ntheme switching, hotspot overlays, and palette choreography in a single-file\nHTML artifact. Use when users ask for a premium presentation-style landing,\na Swiss/brutalist deck look, or a creative launch page with rich interactions."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/swiss-creative-mode-template"},"updatedAt":"2026-05-18T18:50:18.935Z"}}