[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7891WMJB41FAT3TCZ2VAA02":3,"skill-same:01M7891WMJB41FAT3TCZ2VAA02":88},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":18,"linkOnly":19,"markdownContent":20,"markdownBody":21,"frontMatter":22,"refName":53,"commitSha":54,"skillDirectory":55,"forksCount":13,"repositoryHtmlUrl":56,"repositoryHomepageUrl":57,"ownerHtmlUrl":58,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":59,"install":60,"resources":72},"01M7891WMJB41FAT3TCZ2VAA02","swiss-creative-mode-template",null,"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\u002Fbrutalist deck look, or a creative launch page with rich interactions.","bluesman1971\u002Fopen-design","bluesman1971","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F96430007?v=4","01M788AK0TR13JE8ART2WNQZV6","01M788AK1PVB085AS9SP38WWGK",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fswiss-creative-mode-template\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: swiss-creative-mode-template\ndescription: |\n  Swiss-inspired creative-mode presentation template skill with bold editorial\n  typography, high-contrast geometric cards, interactive slide navigation,\n  theme switching, hotspot overlays, and palette choreography in a single-file\n  HTML artifact. Use when users ask for a premium presentation-style landing,\n  a Swiss\u002Fbrutalist deck look, or a creative launch page with rich interactions.\ntriggers:\n  - \"swiss creative mode template\"\n  - \"editorial presentation template\"\n  - \"brutalist deck style html\"\n  - \"creative mode deck\"\n  - \"瑞士风演示模板\"\n  - \"高级设计语言模板\"\nod:\n  mode: template\n  surface: video\n  type: hyperframes\n  platform: desktop\n  preview:\n    type: html\n    entry: index.html\n    reload: debounce-100\n  design_system:\n    requires: true\n    sections: [color, typography, layout, components]\n  outputs:\n    primary: index.html\n    secondary:\n      - template.html\n      - example.html\n  capabilities_required:\n    - file_write\n---\n\n# Swiss Creative Mode Template\n\nProduce a premium Swiss\u002Feditorial-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\u002F\n├── SKILL.md\n├── assets\u002F\n│   └── template.html\n├── references\u002F\n│   └── checklist.md\n└── example.html\n```\n\n## Workflow\n\n1. Read active `DESIGN.md` and map palette\u002Ftype\u002Flayout decisions into root CSS variables.\n2. Copy `assets\u002Ftemplate.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\u002Farchitecture diagram scene.\n4. Keep these interactions working:\n   - Prev\u002Fnext slide navigation + dot nav.\n   - Theme toggle (paper\u002Fdark).\n   - Palette cycle button (changes accent colors across the template).\n   - Hotspot toggle for annotations\u002Fdetails.\n5. Keep output self-contained (`\u003C!doctype html>`, inline CSS\u002FJS, no external runtime dependency).\n6. Validate against `references\u002Fchecklist.md` before emitting.\n\n## Output contract\n\nOne short sentence before artifact, then:\n\n```xml\n\u003Cartifact identifier=\"swiss-creative-mode\" type=\"text\u002Fhtml\" title=\"Swiss Creative Mode Template\">\n\u003C!doctype html>\n\u003Chtml>...\u003C\u002Fhtml>\n\u003C\u002Fartifact>\n```\n","# Swiss Creative Mode Template\n\nProduce a premium Swiss\u002Feditorial-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\u002F\n├── SKILL.md\n├── assets\u002F\n│   └── template.html\n├── references\u002F\n│   └── checklist.md\n└── example.html\n```\n\n## Workflow\n\n1. Read active `DESIGN.md` and map palette\u002Ftype\u002Flayout decisions into root CSS variables.\n2. Copy `assets\u002Ftemplate.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\u002Farchitecture diagram scene.\n4. Keep these interactions working:\n   - Prev\u002Fnext slide navigation + dot nav.\n   - Theme toggle (paper\u002Fdark).\n   - Palette cycle button (changes accent colors across the template).\n   - Hotspot toggle for annotations\u002Fdetails.\n5. Keep output self-contained (`\u003C!doctype html>`, inline CSS\u002FJS, no external runtime dependency).\n6. Validate against `references\u002Fchecklist.md` before emitting.\n\n## Output contract\n\nOne short sentence before artifact, then:\n\n```xml\n\u003Cartifact identifier=\"swiss-creative-mode\" type=\"text\u002Fhtml\" title=\"Swiss Creative Mode Template\">\n\u003C!doctype html>\n\u003Chtml>...\u003C\u002Fhtml>\n\u003C\u002Fartifact>\n```\n",{"od":23,"name":5,"triggers":45,"description":52},{"mode":24,"type":25,"outputs":26,"preview":31,"surface":34,"platform":35,"design_system":36,"capabilities_required":43},"template","hyperframes",{"primary":27,"secondary":28},"index.html",[29,30],"template.html","example.html",{"type":32,"entry":27,"reload":33},"html","debounce-100","video","desktop",{"requires":37,"sections":38},true,[39,40,41,42],"color","typography","layout","components",[44],"file_write",[46,47,48,49,50,51],"swiss creative mode template","editorial presentation template","brutalist deck style html","creative mode deck","瑞士风演示模板","高级设计语言模板","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\u002Fbrutalist deck look, or a creative launch page with rich interactions.\n","main","0467f0e19df12a6994ec7fb20ff6e9e23cd704e7","design-templates\u002Fswiss-creative-mode-template","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design","https:\u002F\u002Fopen-design.ai","https:\u002F\u002Fgithub.com\u002Fbluesman1971","2026-07-09 04:08:20",{"source":8,"skillName":5,"commands":61,"prompt":71,"zipAvailable":37},[62,65,68],{"tool":63,"command":64},"npx","npx skills add bluesman1971\u002Fopen-design --skill swiss-creative-mode-template",{"tool":66,"command":67},"bunx","bunx skills add bluesman1971\u002Fopen-design --skill swiss-creative-mode-template",{"tool":69,"command":70},"pnpm","pnpm dlx skills add bluesman1971\u002Fopen-design --skill swiss-creative-mode-template","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fswiss-creative-mode-template\u002FSKILL.md",[73,79,84],{"path":74,"resourceType":75,"resourceTypeDesc":76,"sizeBytes":77,"sourceHtmlUrl":78},"assets\u002Ftemplate.html","ASSET","资产文件",13456,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fswiss-creative-mode-template\u002Fassets\u002Ftemplate.html",{"path":30,"resourceType":80,"resourceTypeDesc":81,"sizeBytes":82,"sourceHtmlUrl":83},"REFERENCE","参考文档",3523,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fswiss-creative-mode-template\u002Fexample.html",{"path":85,"resourceType":80,"resourceTypeDesc":81,"sizeBytes":86,"sourceHtmlUrl":87},"references\u002Fchecklist.md",1496,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fswiss-creative-mode-template\u002Freferences\u002Fchecklist.md",[89,98,106,113,120,127],{"skillNo":90,"name":91,"nameZh":6,"description":92,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":93,"licenseFileUrl":94,"sourceHtmlUrl":95,"categories":96,"keywords":97,"publishedAt":18},"01M78AMRG8NAGKWKNDQE39ZZFQ","web-design-guidelines","Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.","MIT","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fweb-design-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fweb-design-guidelines\u002FSKILL.md",[],[],{"skillNo":99,"name":100,"nameZh":6,"description":101,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":93,"licenseFileUrl":102,"sourceHtmlUrl":103,"categories":104,"keywords":105,"publishedAt":18},"01M78AMKHTFS149JGEYNQM5AXR","web-clone","网站复刻 \u002F 克隆方法论。USE WHEN 用户说 复刻网站、克隆网站、clone website、抄个站、仿站、 照着这个站做一个、reproduce site、还原某个网页效果、把这个站搬下来改成我的、 复刻某个交互\u002FWebGL\u002FCanvas\u002FThree.js 效果。提供「先拿真源码 → 判路径 → 逆向拆解 → 搭工程 → 替换内容」的可移植决策树，覆盖静态站 \u002F React-Vue-Next 内容站 \u002F WebGL-Canvas 重前端站三大分支，并强制核对任何 AI 二手分析里的可执行代码。","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fweb-clone\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fweb-clone\u002FSKILL.md",[],[],{"skillNo":107,"name":108,"nameZh":6,"description":109,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":110,"categories":111,"keywords":112,"publishedAt":18},"01M78AMH25JH2SH3AWTRSDCM9F","venice-video","Video generation and transcription workflows via the Venice.ai API.","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fvenice-video\u002FSKILL.md",[],[],{"skillNo":114,"name":115,"nameZh":6,"description":116,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":117,"categories":118,"keywords":119,"publishedAt":18},"01M78AMF0M4FFKFWXFJ9NHTF5M","venice-image-generate","Image generation endpoints and available styles via the Venice.ai API.","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fvenice-image-generate\u002FSKILL.md",[],[],{"skillNo":121,"name":122,"nameZh":6,"description":123,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":124,"categories":125,"keywords":126,"publishedAt":18},"01M78AMCH68X46SHNZVD284KXS","threejs","Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fthreejs\u002FSKILL.md",[],[],{"skillNo":128,"name":129,"nameZh":6,"description":130,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":131,"categories":132,"keywords":133,"publishedAt":18},"01M78AM7P8WSBZDNZZ42BQHGK7","taste","Brief-time anti-AI-slop taste checklist — read the room and set the\ndesign dials BEFORE generating a landing page, portfolio, or redesign,\nso the first draft doesn't need a post-generation rescue. Use at the\nstart of a visual\u002Fcreative brief, not after the artifact exists.","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Ftaste\u002FSKILL.md",[],[]]