[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7CYYF3EHHCP7R5QVDDPAC9C":3,"skill-same:01M7CYYF3EHHCP7R5QVDDPAC9C":73},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"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":47,"commitSha":48,"skillDirectory":49,"forksCount":13,"repositoryHtmlUrl":50,"repositoryHomepageUrl":51,"ownerHtmlUrl":52,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":53,"install":54,"resources":66},"01M7CYYF3EHHCP7R5QVDDPAC9C","html-ppt-product-launch",null,"OpenDesign Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Built as a decision-grade B2B sales deck for design team lead, IT.","qelvora1\u002Fopen-design","qelvora1","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F294549645?v=4","01M7CYQMFVAA6E5YHKCNNCBXJS","01M7CYQMGFRBPABV2BSD9VB71Z",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-product-launch\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: html-ppt-product-launch\nen_name: \"Pitch a Team Rollout like a Strategic Account Executive\"\nzh_name: \"像战略客户 AE 一样推动团队落地\"\ndescription: |\n  OpenDesign Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Built as a decision-grade B2B sales deck for design team lead, IT.\nen_description: |\n  OpenDesign Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Built as a decision-grade B2B sales deck for design team lead, IT.\nzh_description: |\n  像战略客户 AE 一样推动团队落地——一份可商业交付的B2B 销售 Deck，围绕真实主题、证据链与决策目标组织。\ntags:\n  - \"b2b-sales\"\n  - \"b2b-saas-sales-proposal\"\n  - \"sales\"\n  - \"renewal\"\n  - \"customer\"\n  - \"decision-deck\"\n  - \"commercial-slide-agent\"\n  - \"html-ppt-product-launch\"\ntriggers:\n  - \"b2b-saas-sales-proposal\"\n  - \"b2b-sales\"\n  - \"Pitch a Team Rollout like a Strategic Account Executive\"\n  - \"像战略客户 AE 一样推动团队落地\"\n  - \"sales\"\n  - \"renewal\"\n  - \"customer\"\n  - \"html deck\"\n  - \"html slides\"\nod:\n  mode: deck\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  category: \"b2b-sales\"\n  scenario: \"sales\"\n  example_prompt: \"Create \\\"Pitch a Team Rollout like a Strategic Account Executive\\\" as a decision-grade B2B sales deck in this template's own visual system. Subject: OpenDesign Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Audience: design team lead, IT. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce the slide plan, written slides, visual direction, speaker-ready structure, and a critic pass against this rubric: can the champion forward this internally without rewriting it.\"\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   [`design-templates\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   `design-templates\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 `design-templates\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     `design-templates\u002Fhtml-ppt\u002Fassets\u002Ffonts.css`, `design-templates\u002Fhtml-ppt\u002Fassets\u002Fbase.css`,\n     `design-templates\u002Fhtml-ppt\u002Fassets\u002Fanimations\u002Fanimations.css`, and\n     `design-templates\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 `design-templates\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 `design-templates\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   [`design-templates\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   `design-templates\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 `design-templates\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     `design-templates\u002Fhtml-ppt\u002Fassets\u002Ffonts.css`, `design-templates\u002Fhtml-ppt\u002Fassets\u002Fbase.css`,\n     `design-templates\u002Fhtml-ppt\u002Fassets\u002Fanimations\u002Fanimations.css`, and\n     `design-templates\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 `design-templates\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 `design-templates\u002Fhtml-ppt\u002FLICENSE`; please keep it in place when\nredistributing.\n",{"od":23,"name":5,"tags":34,"en_name":40,"zh_name":41,"triggers":42,"description":45,"en_description":45,"zh_description":46},{"mode":24,"preview":25,"category":28,"scenario":29,"upstream":30,"animations":31,"design_system":32,"speaker_notes":31,"example_prompt":33},"deck",{"type":26,"entry":27},"html","index.html","b2b-sales","sales","https:\u002F\u002Fgithub.com\u002Flewislulu\u002Fhtml-ppt-skill",true,{"requires":19},"Create \"Pitch a Team Rollout like a Strategic Account Executive\" as a decision-grade B2B sales deck in this template's own visual system. Subject: OpenDesign Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Audience: design team lead, IT. First ask only for missing essentials: audience, decision target, source-of-truth materials, deadline, and must-keep numbers. Then produce the slide plan, written slides, visual direction, speaker-ready structure, and a critic pass against this rubric: can the champion forward this internally without rewriting it.",[28,35,29,36,37,38,39,5],"b2b-saas-sales-proposal","renewal","customer","decision-deck","commercial-slide-agent","Pitch a Team Rollout like a Strategic Account Executive","像战略客户 AE 一样推动团队落地",[35,28,40,41,29,36,37,43,44],"html deck","html slides","OpenDesign Teams: a launch-and-adoption proposal for a mid-market design team weighing a switch from closed cloud tools. Built as a decision-grade B2B sales deck for design team lead, IT.\n","像战略客户 AE 一样推动团队落地——一份可商业交付的B2B 销售 Deck，围绕真实主题、证据链与决策目标组织。\n","main","29240bc3ff7b5db56f8a41965213220446fcb96d","design-templates\u002Fhtml-ppt-product-launch","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design","https:\u002F\u002Fopen-design.ai","https:\u002F\u002Fgithub.com\u002Fqelvora1","2026-10-01 22:47:24",{"source":8,"skillName":5,"commands":55,"prompt":65,"zipAvailable":31},[56,59,62],{"tool":57,"command":58},"npx","npx skills add qelvora1\u002Fopen-design --skill html-ppt-product-launch",{"tool":60,"command":61},"bunx","bunx skills add qelvora1\u002Fopen-design --skill html-ppt-product-launch",{"tool":63,"command":64},"pnpm","pnpm dlx skills add qelvora1\u002Fopen-design --skill html-ppt-product-launch","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-product-launch\u002FSKILL.md",[67],{"path":68,"resourceType":69,"resourceTypeDesc":70,"sizeBytes":71,"sourceHtmlUrl":72},"example.html","REFERENCE","参考文档",28627,"https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-product-launch\u002Fexample.html",[74,81,88,95,102,111],{"skillNo":75,"name":76,"nameZh":6,"description":77,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":78,"categories":79,"keywords":80,"publishedAt":18},"01M7D3A2Y3ZTSPJJSCEHTWDN2P","Beta Skill","Instruction-only fixture skill.","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Fbeta\u002FSKILL.md",[],[],{"skillNo":82,"name":83,"nameZh":6,"description":84,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":85,"categories":86,"keywords":87,"publishedAt":18},"01M7D3A1MHKESXV45VYXKPCDRN","Alpha Skill","First fixture skill with a runnable demo.","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Falpha\u002FSKILL.md",[],[],{"skillNo":89,"name":90,"nameZh":6,"description":91,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":92,"categories":93,"keywords":94,"publishedAt":18},"01M7D3A0HSH085FTGATVBG43YG","Deck One","A small deck template fixture.","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fdesign-templates\u002Fdeck-one\u002FSKILL.md",[],[],{"skillNo":96,"name":97,"nameZh":6,"description":98,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":99,"categories":100,"keywords":101,"publishedAt":18},"01M7D39Y0372ZQ6GTWFAJ7DEVJ","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":103,"name":104,"nameZh":6,"description":105,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":106,"licenseFileUrl":107,"sourceHtmlUrl":108,"categories":109,"keywords":110,"publishedAt":18},"01M7D39SMB0RHRGGQY24YVD8N5","writing-guidelines","Review docs\u002Fprose for Writing Guidelines compliance. Use when asked to \"review my docs\", \"check writing style\", \"audit prose\", \"review docs voice and tone\", or \"check this page against the writing handbook\".","MIT","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":112,"name":113,"nameZh":6,"description":114,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":115,"categories":116,"keywords":117,"publishedAt":18},"01M7D39NNKF0JDA1J6ZJJQVVCV","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Fqelvora1\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fwpds\u002FSKILL.md",[],[]]