[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M7DHTJBHT4DVPS6MR39WAXVJ":3,"skill-same:01M7DHTJBHT4DVPS6MR39WAXVJ":74},{"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":47,"commitSha":48,"skillDirectory":49,"forksCount":50,"repositoryHtmlUrl":51,"repositoryHomepageUrl":52,"ownerHtmlUrl":53,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":54,"install":55,"resources":67},"01M7DHTJBHT4DVPS6MR39WAXVJ","html-ppt-xhs-pastel-card",null,"A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Built as a decision-grade story deck for community, talk audience.","andremolnar\u002Fopen-open-design","andremolnar","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F919644?v=4","01M7DHE1X4QH6SJBHR92VG5N84","01M7DHE1XRHK1WQV34AM9M328E",1,"Apache-2.0","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-xhs-pastel-card\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: html-ppt-xhs-pastel-card\nen_name: \"Write a Personal Manifesto Talk like a Narrative Podcast Producer\"\nzh_name: \"像叙事播客制作人一样写个人宣言演讲\"\ndescription: |\n  A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Built as a decision-grade story deck for community, talk audience.\nen_description: |\n  A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Built as a decision-grade story deck for community, talk audience.\nzh_description: |\n  像叙事播客制作人一样写个人宣言演讲——一份可商业交付的生活故事 Deck，围绕真实主题、证据链与决策目标组织。\ntags:\n  - \"life\"\n  - \"travel-photo-essay-deck\"\n  - \"personal\"\n  - \"story\"\n  - \"photo-essay\"\n  - \"decision-deck\"\n  - \"commercial-slide-agent\"\n  - \"html-ppt-xhs-pastel-card\"\ntriggers:\n  - \"travel-photo-essay-deck\"\n  - \"life\"\n  - \"Write a Personal Manifesto Talk like a Narrative Podcast Producer\"\n  - \"像叙事播客制作人一样写个人宣言演讲\"\n  - \"story\"\n  - \"personal\"\n  - \"photo-essay\"\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: \"life\"\n  scenario: \"personal\"\n  example_prompt: \"Create \\\"Write a Personal Manifesto Talk like a Narrative Podcast Producer\\\" as a decision-grade Life & story deck in this template's own visual system. Subject: A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Audience: community, talk audience. 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: would someone retell the story after seeing it once.\"\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-pastel-card`** 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-pastel-card` (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-pastel-card\u002F` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-xhs-pastel-card` 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-pastel-card` 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-pastel-card`** 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-pastel-card` (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-pastel-card\u002F` — copy `index.html` and\n   `style.css` into the project, keep the `.tpl-xhs-pastel-card` 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-pastel-card` 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","life","personal","https:\u002F\u002Fgithub.com\u002Flewislulu\u002Fhtml-ppt-skill",true,{"requires":19},"Create \"Write a Personal Manifesto Talk like a Narrative Podcast Producer\" as a decision-grade Life & story deck in this template's own visual system. Subject: A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Audience: community, talk audience. 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: would someone retell the story after seeing it once.",[28,35,29,36,37,38,39,5],"travel-photo-essay-deck","story","photo-essay","decision-deck","commercial-slide-agent","Write a Personal Manifesto Talk like a Narrative Podcast Producer","像叙事播客制作人一样写个人宣言演讲",[35,28,40,41,36,29,37,43,44],"html deck","html slides","A personal manifesto: a year of saying yes — the premise, the scenes, the turn, and the meaning that lands. Built as a decision-grade story deck for community, talk audience.\n","像叙事播客制作人一样写个人宣言演讲——一份可商业交付的生活故事 Deck，围绕真实主题、证据链与决策目标组织。\n","main","3a6721b94dec7506e324023f2855495c9c54d0d2","design-templates\u002Fhtml-ppt-xhs-pastel-card",0,"https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design","https:\u002F\u002Fopen-design.ai","https:\u002F\u002Fgithub.com\u002Fandremolnar","2026-10-30 01:33:11",{"source":8,"skillName":5,"commands":56,"prompt":66,"zipAvailable":31},[57,60,63],{"tool":58,"command":59},"npx","npx skills add andremolnar\u002Fopen-open-design --skill html-ppt-xhs-pastel-card",{"tool":61,"command":62},"bunx","bunx skills add andremolnar\u002Fopen-open-design --skill html-ppt-xhs-pastel-card",{"tool":64,"command":65},"pnpm","pnpm dlx skills add andremolnar\u002Fopen-open-design --skill html-ppt-xhs-pastel-card","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-xhs-pastel-card\u002FSKILL.md",[68],{"path":69,"resourceType":70,"resourceTypeDesc":71,"sizeBytes":72,"sourceHtmlUrl":73},"example.html","REFERENCE","参考文档",25218,"https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-xhs-pastel-card\u002Fexample.html",[75,82,89,96,103,112],{"skillNo":76,"name":77,"nameZh":6,"description":78,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":79,"categories":80,"keywords":81,"publishedAt":18},"01M7DMPDFNBD52ZP0GNY046Z2A","Beta Skill","Instruction-only fixture skill.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Fbeta\u002FSKILL.md",[],[],{"skillNo":83,"name":84,"nameZh":6,"description":85,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":86,"categories":87,"keywords":88,"publishedAt":18},"01M7DMPC4JJ8ENX7VWTMP38Y9C","Alpha Skill","First fixture skill with a runnable demo.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fskills\u002Falpha\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},"01M7DMP9J5BX307VWVD67J0BBM","Deck One","A small deck template fixture.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Ftools\u002Frelease\u002Ftests\u002Ffixtures\u002Fcatalog\u002Fdesign-templates\u002Fdeck-one\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},"01M7DMP7GNYTFXGK9RDZ2X723P","youtube-clipper","YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fskills\u002Fyoutube-clipper\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":107,"licenseFileUrl":108,"sourceHtmlUrl":109,"categories":110,"keywords":111,"publishedAt":18},"01M7DMP2WHMNKM0P5BXRYAG8D1","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\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fskills\u002Fwriting-guidelines\u002FSKILL.md",[],[],{"skillNo":113,"name":114,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":18},"01M7DMP0GVJQ37CGXYQDD20VWS","wpds","WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.","https:\u002F\u002Fgithub.com\u002Fandremolnar\u002Fopen-open-design\u002Fblob\u002Fmain\u002Fskills\u002Fwpds\u002FSKILL.md",[],[]]