[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M77SY4KQJ9P5KX016YRPVFTV":3,"skill-same:01M77SY4KQJ9P5KX016YRPVFTV":76},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":49,"commitSha":50,"skillDirectory":51,"forksCount":14,"repositoryHtmlUrl":52,"repositoryHomepageUrl":6,"ownerHtmlUrl":53,"ownerBlogUrl":54,"ownerDescription":55,"updatedAt":56,"install":57,"resources":69},"01M77SY4KQJ9P5KX016YRPVFTV","html-ppt-presenter-mode",null,"OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.","hiktan44\u002Fopen-design-app","hiktan44","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F140920746?v=4","01M77SNV7J2RH7G3TQVS2FXMW9","hikmet tanriverdi","01M77SNV87GR8D3BJ9WJHFMZ9Y",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-presenter-mode-reveal\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: html-ppt-presenter-mode\nen_name: \"Run a Live AI Product Demo like a Founding DevRel Lead\"\nzh_name: \"像创始 DevRel 一样做现场 AI 演示\"\ndescription: |\n  OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.\nen_description: |\n  OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.\nzh_description: |\n  像创始 DevRel 一样做现场 AI 演示——一份可商业交付的AI 素养 Deck，围绕真实主题、证据链与决策目标组织。\ntags:\n  - \"ai-literacy\"\n  - \"enterprise-ai-copilot-rollout-brief\"\n  - \"ai\"\n  - \"copilot\"\n  - \"workflow\"\n  - \"decision-deck\"\n  - \"commercial-slide-agent\"\n  - \"html-ppt-presenter-mode-reveal\"\ntriggers:\n  - \"enterprise-ai-copilot-rollout-brief\"\n  - \"ai-literacy\"\n  - \"Run a Live AI Product Demo like a Founding DevRel Lead\"\n  - \"像创始 DevRel 一样做现场 AI 演示\"\n  - \"ai\"\n  - \"copilot\"\n  - \"workflow\"\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: \"ai-literacy\"\n  scenario: \"ai\"\n  example_prompt: \"Create \\\"Run a Live AI Product Demo like a Founding DevRel Lead\\\" as a decision-grade AI literacy deck in this template's own visual system. Subject: OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Audience: developers, prospects, community. 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: does the deck make AI implementation concrete enough to fund.\"\n---\n# HTML PPT · Presenter Mode (演讲者模式)\n\nA focused entry point into the [`html-ppt`](..\u002Fhtml-ppt\u002FSKILL.md) master skill that lands the user directly on the **`presenter-mode-reveal`** 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 `presenter-mode-reveal` (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\u002Fpresenter-mode-reveal\u002F` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-presenter-mode-reveal` 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-presenter-mode-reveal` 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 · Presenter Mode (演讲者模式)\n\nA focused entry point into the [`html-ppt`](..\u002Fhtml-ppt\u002FSKILL.md) master skill that lands the user directly on the **`presenter-mode-reveal`** 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 `presenter-mode-reveal` (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\u002Fpresenter-mode-reveal\u002F` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-presenter-mode-reveal` 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-presenter-mode-reveal` 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":24,"name":5,"tags":35,"en_name":42,"zh_name":43,"triggers":44,"description":47,"en_description":47,"zh_description":48},{"mode":25,"preview":26,"category":29,"scenario":30,"upstream":31,"animations":32,"design_system":33,"speaker_notes":32,"example_prompt":34},"deck",{"type":27,"entry":28},"html","index.html","ai-literacy","ai","https:\u002F\u002Fgithub.com\u002Flewislulu\u002Fhtml-ppt-skill",true,{"requires":20},"Create \"Run a Live AI Product Demo like a Founding DevRel Lead\" as a decision-grade AI literacy deck in this template's own visual system. Subject: OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Audience: developers, prospects, community. 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: does the deck make AI implementation concrete enough to fund.",[29,36,30,37,38,39,40,41],"enterprise-ai-copilot-rollout-brief","copilot","workflow","decision-deck","commercial-slide-agent","html-ppt-presenter-mode-reveal","Run a Live AI Product Demo like a Founding DevRel Lead","像创始 DevRel 一样做现场 AI 演示",[36,29,42,43,30,37,38,45,46],"html deck","html slides","OpenDesign live demo: from a one-line prompt to runnable design in a single session — the flow, live. Built as a decision-grade AI literacy deck for developers, prospects, community.\n","像创始 DevRel 一样做现场 AI 演示——一份可商业交付的AI 素养 Deck，围绕真实主题、证据链与决策目标组织。\n","main","f403d5b733fab92eab16d13e9baf3ac951afed55","design-templates\u002Fhtml-ppt-presenter-mode-reveal","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app","https:\u002F\u002Fgithub.com\u002Fhiktan44","fasheone.com","Hikmet Tanrıverdi\r\nSTRATEJI DANIŞMANLIK, 2008-2018 İHKİB İSTANBUL HAZIR GİYİM BŞK, İTO MECLİS ÜYESİ, TEXMART DIŞ TİCARET YK STRATEGY CONSULTING, 2008-2018 PRESI","2026-10-11 23:59:08",{"source":8,"skillName":5,"commands":58,"prompt":68,"zipAvailable":32},[59,62,65],{"tool":60,"command":61},"npx","npx skills add hiktan44\u002Fopen-design-app --skill html-ppt-presenter-mode",{"tool":63,"command":64},"bunx","bunx skills add hiktan44\u002Fopen-design-app --skill html-ppt-presenter-mode",{"tool":66,"command":67},"pnpm","pnpm dlx skills add hiktan44\u002Fopen-design-app --skill html-ppt-presenter-mode","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-presenter-mode-reveal\u002FSKILL.md",[70],{"path":71,"resourceType":72,"resourceTypeDesc":73,"sizeBytes":74,"sourceHtmlUrl":75},"example.html","REFERENCE","参考文档",38163,"https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-presenter-mode-reveal\u002Fexample.html",[77,84,91,98,105,114],{"skillNo":78,"name":79,"nameZh":6,"description":80,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":81,"categories":82,"keywords":83,"publishedAt":19},"01M77WGV99HNV3Q6JN3H8Z70JE","Beta Skill","Instruction-only fixture skill.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Fbeta\u002FSKILL.md",[],[],{"skillNo":85,"name":86,"nameZh":6,"description":87,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":88,"categories":89,"keywords":90,"publishedAt":19},"01M77WGRXNRGHT9J1K929BPV5H","Alpha Skill","First fixture skill with a runnable demo.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Falpha\u002FSKILL.md",[],[],{"skillNo":92,"name":93,"nameZh":6,"description":94,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":95,"categories":96,"keywords":97,"publishedAt":19},"01M77WGQK7F7R1W6RBFZFEZ53M","Deck One","A small deck template fixture.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fdesign-templates\u002Fdeck-one\u002FSKILL.md",[],[],{"skillNo":99,"name":100,"nameZh":6,"description":101,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":102,"categories":103,"keywords":104,"publishedAt":19},"01M77WGNPEGTDWMKDX659FS5DT","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":106,"name":107,"nameZh":6,"description":108,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":109,"licenseFileUrl":110,"sourceHtmlUrl":111,"categories":112,"keywords":113,"publishedAt":19},"01M77WGJ9KKT6Q4P10GAV3KC48","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\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":115,"name":116,"nameZh":6,"description":117,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":118,"categories":119,"keywords":120,"publishedAt":19},"01M77WGF9P0WT4XBXMM0B9WRGR","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Fhiktan44\u002Fopen-design-app\u002Fblob\u002Fmain\u002Fskills\u002Fwpds\u002FSKILL.md",[],[]]