[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7EA1CMBMWF9E98VBJSYRV3E":3,"skill-same:01M7EA1CMBMWF9E98VBJSYRV3E":79},{"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":50,"commitSha":51,"skillDirectory":52,"forksCount":14,"repositoryHtmlUrl":53,"repositoryHomepageUrl":6,"ownerHtmlUrl":54,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":55,"install":56,"resources":68},"01M7EA1CMBMWF9E98VBJSYRV3E","html-ppt-xhs-white-editorial",null,"A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Built as a decision-grade career deck for manager, calibration committee.","testground-lab\u002Fdesignground","testground-lab","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F213383747?v=4","01M7E8Q0BABJ7Q9AVGKG7SM9V4","TestGround Inc","01M7E8Q0BV18ZX6XCJTGNN3096",0,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fhtml-ppt-xhs-white-editorial\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: html-ppt-xhs-white-editorial\nen_name: \"Write a Staff-Engineer Promotion Case like a Calibration-Committee Insider\"\nzh_name: \"像晋升评审内部人一样写 Staff 工程师晋升材料\"\ndescription: |\n  A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Built as a decision-grade career deck for manager, calibration committee.\nen_description: |\n  A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Built as a decision-grade career deck for manager, calibration committee.\nzh_description: |\n  像晋升评审内部人一样写 Staff 工程师晋升材料——一份可商业交付的职业发展 Deck，围绕真实主题、证据链与决策目标组织。\ntags:\n  - \"career\"\n  - \"year-end-self-review-deck\"\n  - \"personal\"\n  - \"portfolio\"\n  - \"promotion\"\n  - \"self-review\"\n  - \"decision-deck\"\n  - \"commercial-slide-agent\"\n  - \"html-ppt-xhs-white-editorial\"\ntriggers:\n  - \"year-end-self-review-deck\"\n  - \"career\"\n  - \"Write a Staff-Engineer Promotion Case like a Calibration-Committee Insider\"\n  - \"像晋升评审内部人一样写 Staff 工程师晋升材料\"\n  - \"portfolio\"\n  - \"promotion\"\n  - \"self-review\"\n  - \"html deck\"\n  - \"html slides\"\nod:\n  mode: deck\n  featured: 27\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: \"career\"\n  scenario: \"personal\"\n  example_prompt: \"Create \\\"Write a Staff-Engineer Promotion Case like a Calibration-Committee Insider\\\" as a decision-grade Career deck in this template's own visual system. Subject: A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Audience: manager, calibration committee. 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 evidence make the claim feel earned.\"\n---\n# HTML PPT · 白底杂志风\n\nA focused entry point into the [`html-ppt`](..\u002Fhtml-ppt\u002FSKILL.md) master skill that lands the user directly on the **`xhs-white-editorial`** 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 `xhs-white-editorial` (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\u002Fxhs-white-editorial\u002F` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-xhs-white-editorial` 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-xhs-white-editorial` 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 · 白底杂志风\n\nA focused entry point into the [`html-ppt`](..\u002Fhtml-ppt\u002FSKILL.md) master skill that lands the user directly on the **`xhs-white-editorial`** 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 `xhs-white-editorial` (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\u002Fxhs-white-editorial\u002F` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-xhs-white-editorial` 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-xhs-white-editorial` 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":36,"en_name":43,"zh_name":44,"triggers":45,"description":48,"en_description":48,"zh_description":49},{"mode":25,"preview":26,"category":29,"featured":30,"scenario":31,"upstream":32,"animations":33,"design_system":34,"speaker_notes":33,"example_prompt":35},"deck",{"type":27,"entry":28},"html","index.html","career",27,"personal","https:\u002F\u002Fgithub.com\u002Flewislulu\u002Fhtml-ppt-skill",true,{"requires":20},"Create \"Write a Staff-Engineer Promotion Case like a Calibration-Committee Insider\" as a decision-grade Career deck in this template's own visual system. Subject: A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Audience: manager, calibration committee. 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 evidence make the claim feel earned.",[29,37,31,38,39,40,41,42,5],"year-end-self-review-deck","portfolio","promotion","self-review","decision-deck","commercial-slide-agent","Write a Staff-Engineer Promotion Case like a Calibration-Committee Insider","像晋升评审内部人一样写 Staff 工程师晋升材料",[37,29,43,44,38,39,40,46,47],"html deck","html slides","A staff-engineer promotion packet — scope, the proof moments, the artifacts, and the impact that clears the bar. Built as a decision-grade career deck for manager, calibration committee.\n","像晋升评审内部人一样写 Staff 工程师晋升材料——一份可商业交付的职业发展 Deck，围绕真实主题、证据链与决策目标组织。\n","main","53231d40b778d88eba23f35547bf99485d3ae9fc","plugins\u002F_official\u002Fexamples\u002Fhtml-ppt-xhs-white-editorial","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground","https:\u002F\u002Fgithub.com\u002Ftestground-lab","2026-10-06 15:26:48",{"source":8,"skillName":5,"commands":57,"prompt":67,"zipAvailable":33},[58,61,64],{"tool":59,"command":60},"npx","npx skills add testground-lab\u002Fdesignground --skill html-ppt-xhs-white-editorial",{"tool":62,"command":63},"bunx","bunx skills add testground-lab\u002Fdesignground --skill html-ppt-xhs-white-editorial",{"tool":65,"command":66},"pnpm","pnpm dlx skills add testground-lab\u002Fdesignground --skill html-ppt-xhs-white-editorial","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fhtml-ppt-xhs-white-editorial\u002FSKILL.md",[69,75],{"path":70,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":73,"sourceHtmlUrl":74},"example.html","REFERENCE","参考文档",27575,"https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fhtml-ppt-xhs-white-editorial\u002Fexample.html",{"path":76,"resourceType":71,"resourceTypeDesc":72,"sizeBytes":77,"sourceHtmlUrl":78},"open-design.json",4523,"https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fplugins\u002F_official\u002Fexamples\u002Fhtml-ppt-xhs-white-editorial\u002Fopen-design.json",[80,87,94,101,108,117],{"skillNo":81,"name":82,"nameZh":6,"description":83,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":84,"categories":85,"keywords":86,"publishedAt":19},"01M7EBNKQZ9A2JHZDHZHQ94JDM","Beta Skill","Instruction-only fixture skill.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Fbeta\u002FSKILL.md",[],[],{"skillNo":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":93,"publishedAt":19},"01M7EBNJDND50BQN37ZETG1R52","Alpha Skill","First fixture skill with a runnable demo.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Falpha\u002FSKILL.md",[],[],{"skillNo":95,"name":96,"nameZh":6,"description":97,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":98,"categories":99,"keywords":100,"publishedAt":19},"01M7EBNG48FMGPH5KMW4D0FAAH","Deck One","A small deck template fixture.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fdesign-templates\u002Fdeck-one\u002FSKILL.md",[],[],{"skillNo":102,"name":103,"nameZh":6,"description":104,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":105,"categories":106,"keywords":107,"publishedAt":19},"01M7EBNDZS46J6JG0BPPPWBR0C","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\u002FSKILL.md",[],[],{"skillNo":109,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":112,"licenseFileUrl":113,"sourceHtmlUrl":114,"categories":115,"keywords":116,"publishedAt":19},"01M7EBN9KVM1DJCX1A7T4S7S24","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\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":118,"name":119,"nameZh":6,"description":120,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":121,"categories":122,"keywords":123,"publishedAt":19},"01M7EBN797QTQP07GBV32T8TPF","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Ftestground-lab\u002Fdesignground\u002Fblob\u002Fmain\u002Fskills\u002Fwpds\u002FSKILL.md",[],[]]