[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M789G6CVE87H478CSDF9AW4B":3,"skill-same:01M789G6CVE87H478CSDF9AW4B":71},{"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":41,"commitSha":42,"skillDirectory":43,"forksCount":13,"repositoryHtmlUrl":44,"repositoryHomepageUrl":45,"ownerHtmlUrl":46,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":47,"install":48,"resources":60},"01M789G6CVE87H478CSDF9AW4B","html-ppt-product-launch",null,"Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when announcing a product, launching a feature, or doing a keynote-style reveal.","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\u002Fplugins\u002F_official\u002Fexamples\u002Fhtml-ppt-product-launch\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: html-ppt-product-launch\ndescription: Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when announcing a product, launching a feature, or doing a keynote-style reveal.\ntriggers:\n  - \"product launch\"\n  - \"keynote\"\n  - \"launch deck\"\n  - \"feature reveal\"\n  - \"launch slides\"\n  - \"发布会\"\nod:\n  mode: deck\n  scenario: marketing\n  featured: 21\n  upstream: \"https:\u002F\u002Fgithub.com\u002Flewislulu\u002Fhtml-ppt-skill\"\n  preview:\n    type: html\n    entry: index.html\n  design_system:\n    requires: false\n  speaker_notes: true\n  animations: true\n  example_prompt: \"Make a product-launch keynote deck in HTML using the html-ppt-product-launch full-deck template (dark hero, warm orange accent, feature cards, pricing tiers). Confirm: product name + tagline, the 3 key features, and pricing tiers — then write the deck.\"\n---\n# HTML PPT · Product Launch\n\nA focused entry point into the [`html-ppt`](..\u002Fhtml-ppt\u002FSKILL.md) master skill that lands the user directly on the **`product-launch`** full-deck template.\n\n## When this card is picked\n\nThe Examples gallery wires \"Use this prompt\" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `product-launch` (see the upstream [full-decks catalog](..\u002Fhtml-ppt\u002Freferences\u002Ffull-decks.md) for screenshots and rationale).\n\n## How to author the deck\n\n1. **Read the master skill first.** All authoring rules live in\n   [`skills\u002Fhtml-ppt\u002FSKILL.md`](..\u002Fhtml-ppt\u002FSKILL.md) — content\u002Faudience checklist,\n   token rules, layout reuse, presenter mode, the keyboard runtime, and the\n   \"never put presenter-only text on the slide\" rule.\n2. **Start from the matching template folder:**\n   `skills\u002Fhtml-ppt\u002Ftemplates\u002Ffull-decks\u002Fproduct-launch\u002F` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-product-launch` body class.\n3. **Bring the shared runtime with the template.** The upstream\n   `index.html` links the shared CSS\u002FJS via `..\u002F..\u002F..\u002Fassets\u002F...` because it\n   sits three folders deep inside `skills\u002Fhtml-ppt\u002Ftemplates\u002Ffull-decks\u002F`.\n   Once you copy `index.html` into the project, those parent-relative URLs\n   no longer resolve and `base.css`, `animations.css`, and `runtime.js`\n   will 404 — meaning the deck never activates and slide navigation is\n   dead. Pick one of these two recipes per project:\n   - **Recipe A — copy + rewrite (preferred):** copy\n     `skills\u002Fhtml-ppt\u002Fassets\u002Ffonts.css`, `skills\u002Fhtml-ppt\u002Fassets\u002Fbase.css`,\n     `skills\u002Fhtml-ppt\u002Fassets\u002Fanimations\u002Fanimations.css`, and\n     `skills\u002Fhtml-ppt\u002Fassets\u002Fruntime.js` into a project-local\n     `assets\u002F` (with `assets\u002Fanimations\u002Fanimations.css`), then rewrite the\n     four `\u003Clink>`\u002F`\u003Cscript>` tags in `index.html` from\n     `..\u002F..\u002F..\u002Fassets\u002F...` to the matching project-local paths\n     (`assets\u002Ffonts.css`, `assets\u002Fbase.css`,\n     `assets\u002Fanimations\u002Fanimations.css`, `assets\u002Fruntime.js`).\n   - **Recipe B — inline:** read the same four files and replace each\n     `\u003Clink rel=\"stylesheet\" href=\"..\u002F..\u002F..\u002Fassets\u002F...\">` with a\n     `\u003Cstyle>...\u003C\u002Fstyle>` containing the file's contents, and the\n     `\u003Cscript src=\"..\u002F..\u002F..\u002Fassets\u002Fruntime.js\">` with a\n     `\u003Cscript>...\u003C\u002Fscript>` containing `runtime.js`. Yields a single\n     self-contained `index.html`.\n   Either way, do not ship the upstream `..\u002F..\u002F..\u002Fassets\u002F...` URLs\n   verbatim into a project artifact — they only work in-tree.\n4. **Pick a theme.** Default tokens look fine; if the user wants a different\n   feel, swap in any of the 36 themes from `skills\u002Fhtml-ppt\u002Fassets\u002Fthemes\u002F*.css`\n   via `\u003Clink id=\"theme-link\">` and let `T` cycle.\n5. **Replace demo content, not classes.** The `.tpl-product-launch` scoped CSS only\n   recognises the structural classes shipped in the template — keep them.\n6. **Speaker notes go inside `\u003Caside class=\"notes\">` or `\u003Cdiv class=\"notes\">`** — never as visible text on the slide.\n\n## Attribution\n\nVisual system, layouts, themes and the runtime keyboard model come from\nthe upstream MIT-licensed [`lewislulu\u002Fhtml-ppt-skill`](https:\u002F\u002Fgithub.com\u002Flewislulu\u002Fhtml-ppt-skill). The\nLICENSE file ships at `skills\u002Fhtml-ppt\u002FLICENSE`; please keep it in place when\nredistributing.\n","# HTML PPT · Product Launch\n\nA focused entry point into the [`html-ppt`](..\u002Fhtml-ppt\u002FSKILL.md) master skill that lands the user directly on the **`product-launch`** full-deck template.\n\n## When this card is picked\n\nThe Examples gallery wires \"Use this prompt\" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of `product-launch` (see the upstream [full-decks catalog](..\u002Fhtml-ppt\u002Freferences\u002Ffull-decks.md) for screenshots and rationale).\n\n## How to author the deck\n\n1. **Read the master skill first.** All authoring rules live in\n   [`skills\u002Fhtml-ppt\u002FSKILL.md`](..\u002Fhtml-ppt\u002FSKILL.md) — content\u002Faudience checklist,\n   token rules, layout reuse, presenter mode, the keyboard runtime, and the\n   \"never put presenter-only text on the slide\" rule.\n2. **Start from the matching template folder:**\n   `skills\u002Fhtml-ppt\u002Ftemplates\u002Ffull-decks\u002Fproduct-launch\u002F` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-product-launch` body class.\n3. **Bring the shared runtime with the template.** The upstream\n   `index.html` links the shared CSS\u002FJS via `..\u002F..\u002F..\u002Fassets\u002F...` because it\n   sits three folders deep inside `skills\u002Fhtml-ppt\u002Ftemplates\u002Ffull-decks\u002F`.\n   Once you copy `index.html` into the project, those parent-relative URLs\n   no longer resolve and `base.css`, `animations.css`, and `runtime.js`\n   will 404 — meaning the deck never activates and slide navigation is\n   dead. Pick one of these two recipes per project:\n   - **Recipe A — copy + rewrite (preferred):** copy\n     `skills\u002Fhtml-ppt\u002Fassets\u002Ffonts.css`, `skills\u002Fhtml-ppt\u002Fassets\u002Fbase.css`,\n     `skills\u002Fhtml-ppt\u002Fassets\u002Fanimations\u002Fanimations.css`, and\n     `skills\u002Fhtml-ppt\u002Fassets\u002Fruntime.js` into a project-local\n     `assets\u002F` (with `assets\u002Fanimations\u002Fanimations.css`), then rewrite the\n     four `\u003Clink>`\u002F`\u003Cscript>` tags in `index.html` from\n     `..\u002F..\u002F..\u002Fassets\u002F...` to the matching project-local paths\n     (`assets\u002Ffonts.css`, `assets\u002Fbase.css`,\n     `assets\u002Fanimations\u002Fanimations.css`, `assets\u002Fruntime.js`).\n   - **Recipe B — inline:** read the same four files and replace each\n     `\u003Clink rel=\"stylesheet\" href=\"..\u002F..\u002F..\u002Fassets\u002F...\">` with a\n     `\u003Cstyle>...\u003C\u002Fstyle>` containing the file's contents, and the\n     `\u003Cscript src=\"..\u002F..\u002F..\u002Fassets\u002Fruntime.js\">` with a\n     `\u003Cscript>...\u003C\u002Fscript>` containing `runtime.js`. Yields a single\n     self-contained `index.html`.\n   Either way, do not ship the upstream `..\u002F..\u002F..\u002Fassets\u002F...` URLs\n   verbatim into a project artifact — they only work in-tree.\n4. **Pick a theme.** Default tokens look fine; if the user wants a different\n   feel, swap in any of the 36 themes from `skills\u002Fhtml-ppt\u002Fassets\u002Fthemes\u002F*.css`\n   via `\u003Clink id=\"theme-link\">` and let `T` cycle.\n5. **Replace demo content, not classes.** The `.tpl-product-launch` scoped CSS only\n   recognises the structural classes shipped in the template — keep them.\n6. **Speaker notes go inside `\u003Caside class=\"notes\">` or `\u003Cdiv class=\"notes\">`** — never as visible text on the slide.\n\n## Attribution\n\nVisual system, layouts, themes and the runtime keyboard model come from\nthe upstream MIT-licensed [`lewislulu\u002Fhtml-ppt-skill`](https:\u002F\u002Fgithub.com\u002Flewislulu\u002Fhtml-ppt-skill). The\nLICENSE file ships at `skills\u002Fhtml-ppt\u002FLICENSE`; please keep it in place when\nredistributing.\n",{"od":23,"name":5,"triggers":34,"description":7},{"mode":24,"preview":25,"featured":28,"scenario":29,"upstream":30,"animations":31,"design_system":32,"speaker_notes":31,"example_prompt":33},"deck",{"type":26,"entry":27},"html","index.html",21,"marketing","https:\u002F\u002Fgithub.com\u002Flewislulu\u002Fhtml-ppt-skill",true,{"requires":19},"Make a product-launch keynote deck in HTML using the html-ppt-product-launch full-deck template (dark hero, warm orange accent, feature cards, pricing tiers). Confirm: product name + tagline, the 3 key features, and pricing tiers — then write the deck.",[35,36,37,38,39,40],"product launch","keynote","launch deck","feature reveal","launch slides","发布会","main","0467f0e19df12a6994ec7fb20ff6e9e23cd704e7","plugins\u002F_official\u002Fexamples\u002Fhtml-ppt-product-launch","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":49,"prompt":59,"zipAvailable":31},[50,53,56],{"tool":51,"command":52},"npx","npx skills add bluesman1971\u002Fopen-design --skill html-ppt-product-launch",{"tool":54,"command":55},"bunx","bunx skills add bluesman1971\u002Fopen-design --skill html-ppt-product-launch",{"tool":57,"command":58},"pnpm","pnpm dlx skills add bluesman1971\u002Fopen-design --skill html-ppt-product-launch","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fhtml-ppt-product-launch\u002FSKILL.md",[61,67],{"path":62,"resourceType":63,"resourceTypeDesc":64,"sizeBytes":65,"sourceHtmlUrl":66},"example.html","REFERENCE","参考文档",14305,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fhtml-ppt-product-launch\u002Fexample.html",{"path":68,"resourceType":63,"resourceTypeDesc":64,"sizeBytes":69,"sourceHtmlUrl":70},"open-design.json",7771,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fhtml-ppt-product-launch\u002Fopen-design.json",[72,81,89,96,103,110],{"skillNo":73,"name":74,"nameZh":6,"description":75,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":76,"licenseFileUrl":77,"sourceHtmlUrl":78,"categories":79,"keywords":80,"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":82,"name":83,"nameZh":6,"description":84,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":76,"licenseFileUrl":85,"sourceHtmlUrl":86,"categories":87,"keywords":88,"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":90,"name":91,"nameZh":6,"description":92,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":93,"categories":94,"keywords":95,"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":97,"name":98,"nameZh":6,"description":99,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":100,"categories":101,"keywords":102,"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":104,"name":105,"nameZh":6,"description":106,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":107,"categories":108,"keywords":109,"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":111,"name":112,"nameZh":6,"description":113,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":114,"categories":115,"keywords":116,"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",[],[]]