[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M788MC4PRNPC79BF9JSSDYV1":3,"skill-same:01M788MC4PRNPC79BF9JSSDYV1":80},{"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":15,"sourceHtmlUrl":16,"categories":17,"keywords":18,"publishedAt":19,"linkOnly":20,"markdownContent":21,"markdownBody":22,"frontMatter":23,"refName":46,"commitSha":47,"skillDirectory":48,"forksCount":13,"repositoryHtmlUrl":49,"repositoryHomepageUrl":50,"ownerHtmlUrl":51,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":52,"install":53,"resources":66},"01M788MC4PRNPC79BF9JSSDYV1","html-ppt-zhangzara-blue-professional",null,"Blue Professional — Cream paper background with electric cobalt blue accents; clean modern professional. Anything that should feel modern-considered and lightly authoritative: B2B SaaS pitches, consulting deliverables, advisory updates, investor reports.","bluesman1971\u002Fopen-design","bluesman1971","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F96430007?v=4","01M788AK0TR13JE8ART2WNQZV6","01M788AK1PVB085AS9SP38WWGK",0,"MIT","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-zhangzara-blue-professional\u002FLICENSE","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-zhangzara-blue-professional\u002FSKILL.md",[],[],"2026-11-15 14:19:17",false,"---\nname: html-ppt-zhangzara-blue-professional\ndescription: |\n  Blue Professional — Cream paper background with electric cobalt blue accents; clean modern professional. Anything that should feel modern-considered and lightly authoritative: B2B SaaS pitches, consulting deliverables, advisory updates, investor reports.\ntriggers:\n  - \"blue-professional\"\n  - \"zhangzara-blue-professional\"\n  - \"Blue Professional\"\n  - \"professional\"\n  - \"modern\"\n  - \"clean\"\n  - \"considered\"\n  - \"B2B SaaS pitch\"\n  - \"consulting deliverable\"\n  - \"html deck\"\n  - \"html slides\"\n  - \"zhangzara\"\nod:\n  mode: deck\n  scenario: marketing\n  upstream: \"https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Fbeautiful-html-templates\u002Ftree\u002Fmain\u002Ftemplates\u002Fblue-professional\"\n  upstream_license: MIT\n  preview:\n    type: html\n    entry: example.html\n  design_system:\n    requires: false\n  speaker_notes: false\n  animations: false\n---\n\n# Blue Professional\n\n> Cream paper background with electric cobalt blue accents; clean modern professional.\n\nA single self-contained HTML deck — typography, palette, decorative system,\nand slide vocabulary are all tuned together. Mixing layouts across templates\nbreaks the system; stay inside this one.\n\n## At a glance\n\n- **Scheme:** light\n- **Formality:** medium-high\n- **Density:** medium\n- **Slides in demo:** 10\n\n## Best for\n\nAnything that should feel modern-considered and lightly authoritative: B2B SaaS pitches, consulting deliverables, advisory updates, investor reports. Also a clean, tasteful choice whenever you want to read as professional without going stiff — research synthesis, internal reviews, brand work for service businesses.\n\n## Avoid for\n\nContexts where the deck should feel hot, playful, or intentionally informal — the cool electric-blue restraint will read as overly polished.\n\n## Workflow\n\n1. **Clone `example.html`** into the user's workspace as the working file.\n2. **Replace placeholder content** with the user's real headlines, body copy,\n   numbers, names, dates, and section labels. Match existing dimensions when\n   swapping image placeholders.\n3. **Preserve the design system.** Never substitute fonts, recolor the palette,\n   restructure the layout grid, or strip decorative elements (corner brackets,\n   paper grain, geometric shapes, illustrated SVGs). They are part of the\n   identity.\n4. **Adjust deck length by duplicating layouts.** If the user has more content\n   than the demo holds, duplicate an existing slide of the most appropriate\n   layout. If less, drop slides from the bottom. Update page-number labels.\n5. **Designing missing layouts:** if a slide needs a layout the template\n   doesn't have, design it from scratch using the same fonts, palette,\n   decorative vocabulary, spacing rhythm, and component grammar — never bail\n   to a different template.\n6. **Keep the navigation runtime as shipped.** If the deck ships an\n   `assets\u002Fdeck-stage.js` or inline keyboard handler, leave it intact.\n\n## Output contract\n\nEmit between `\u003Cartifact>` tags:\n\n```\n\u003Cartifact identifier=\"zhangzara-blue-professional\" type=\"text\u002Fhtml\" title=\"Deck Title\">\n\u003C!doctype html>\n\u003Chtml>...\u003C\u002Fhtml>\n\u003C\u002Fartifact>\n```\n\n## Source & license\n\nVendored from upstream MIT-licensed\n[`zarazhangrui\u002Fbeautiful-html-templates`](https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Fbeautiful-html-templates\u002Ftree\u002Fmain\u002Ftemplates\u002Fblue-professional).\n\nThe full upstream MIT license text — including the original copyright notice — ships in this skill at\n[`LICENSE`](.\u002FLICENSE) and must be redistributed alongside any copy of `example.html`,\n`template.json`, or any vendored `assets\u002F` runtime. See `template.json` for the upstream metadata snapshot.\n","# Blue Professional\n\n> Cream paper background with electric cobalt blue accents; clean modern professional.\n\nA single self-contained HTML deck — typography, palette, decorative system,\nand slide vocabulary are all tuned together. Mixing layouts across templates\nbreaks the system; stay inside this one.\n\n## At a glance\n\n- **Scheme:** light\n- **Formality:** medium-high\n- **Density:** medium\n- **Slides in demo:** 10\n\n## Best for\n\nAnything that should feel modern-considered and lightly authoritative: B2B SaaS pitches, consulting deliverables, advisory updates, investor reports. Also a clean, tasteful choice whenever you want to read as professional without going stiff — research synthesis, internal reviews, brand work for service businesses.\n\n## Avoid for\n\nContexts where the deck should feel hot, playful, or intentionally informal — the cool electric-blue restraint will read as overly polished.\n\n## Workflow\n\n1. **Clone `example.html`** into the user's workspace as the working file.\n2. **Replace placeholder content** with the user's real headlines, body copy,\n   numbers, names, dates, and section labels. Match existing dimensions when\n   swapping image placeholders.\n3. **Preserve the design system.** Never substitute fonts, recolor the palette,\n   restructure the layout grid, or strip decorative elements (corner brackets,\n   paper grain, geometric shapes, illustrated SVGs). They are part of the\n   identity.\n4. **Adjust deck length by duplicating layouts.** If the user has more content\n   than the demo holds, duplicate an existing slide of the most appropriate\n   layout. If less, drop slides from the bottom. Update page-number labels.\n5. **Designing missing layouts:** if a slide needs a layout the template\n   doesn't have, design it from scratch using the same fonts, palette,\n   decorative vocabulary, spacing rhythm, and component grammar — never bail\n   to a different template.\n6. **Keep the navigation runtime as shipped.** If the deck ships an\n   `assets\u002Fdeck-stage.js` or inline keyboard handler, leave it intact.\n\n## Output contract\n\nEmit between `\u003Cartifact>` tags:\n\n```\n\u003Cartifact identifier=\"zhangzara-blue-professional\" type=\"text\u002Fhtml\" title=\"Deck Title\">\n\u003C!doctype html>\n\u003Chtml>...\u003C\u002Fhtml>\n\u003C\u002Fartifact>\n```\n\n## Source & license\n\nVendored from upstream MIT-licensed\n[`zarazhangrui\u002Fbeautiful-html-templates`](https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Fbeautiful-html-templates\u002Ftree\u002Fmain\u002Ftemplates\u002Fblue-professional).\n\nThe full upstream MIT license text — including the original copyright notice — ships in this skill at\n[`LICENSE`](.\u002FLICENSE) and must be redistributed alongside any copy of `example.html`,\n`template.json`, or any vendored `assets\u002F` runtime. See `template.json` for the upstream metadata snapshot.\n",{"od":24,"name":5,"triggers":32,"description":45},{"mode":25,"preview":26,"scenario":29,"upstream":30,"animations":20,"design_system":31,"speaker_notes":20,"upstream_license":14},"deck",{"type":27,"entry":28},"html","example.html","marketing","https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Fbeautiful-html-templates\u002Ftree\u002Fmain\u002Ftemplates\u002Fblue-professional",{"requires":20},[33,34,35,36,37,38,39,40,41,42,43,44],"blue-professional","zhangzara-blue-professional","Blue Professional","professional","modern","clean","considered","B2B SaaS pitch","consulting deliverable","html deck","html slides","zhangzara","Blue Professional — Cream paper background with electric cobalt blue accents; clean modern professional. Anything that should feel modern-considered and lightly authoritative: B2B SaaS pitches, consulting deliverables, advisory updates, investor reports.\n","main","0467f0e19df12a6994ec7fb20ff6e9e23cd704e7","design-templates\u002Fhtml-ppt-zhangzara-blue-professional","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":54,"prompt":64,"zipAvailable":65},[55,58,61],{"tool":56,"command":57},"npx","npx skills add bluesman1971\u002Fopen-design --skill html-ppt-zhangzara-blue-professional",{"tool":59,"command":60},"bunx","bunx skills add bluesman1971\u002Fopen-design --skill html-ppt-zhangzara-blue-professional",{"tool":62,"command":63},"pnpm","pnpm dlx skills add bluesman1971\u002Fopen-design --skill html-ppt-zhangzara-blue-professional","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-zhangzara-blue-professional\u002FSKILL.md",true,[67,72,76],{"path":28,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":70,"sourceHtmlUrl":71},"REFERENCE","参考文档",43370,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-zhangzara-blue-professional\u002Fexample.html",{"path":73,"resourceType":73,"resourceTypeDesc":74,"sizeBytes":75,"sourceHtmlUrl":15},"LICENSE","许可证",1067,{"path":77,"resourceType":68,"resourceTypeDesc":69,"sizeBytes":78,"sourceHtmlUrl":79},"template.json",1658,"https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fdesign-templates\u002Fhtml-ppt-zhangzara-blue-professional\u002Ftemplate.json",[81,89,97,105,112,119],{"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":14,"licenseFileUrl":85,"sourceHtmlUrl":86,"categories":87,"keywords":88,"publishedAt":19},"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.","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":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":93,"sourceHtmlUrl":94,"categories":95,"keywords":96,"publishedAt":19},"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":98,"name":99,"nameZh":6,"description":100,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":101,"licenseFileUrl":6,"sourceHtmlUrl":102,"categories":103,"keywords":104,"publishedAt":19},"01M78AMH25JH2SH3AWTRSDCM9F","venice-video","Video generation and transcription workflows via the Venice.ai API.","Apache-2.0","https:\u002F\u002Fgithub.com\u002Fbluesman1971\u002Fopen-design\u002Fblob\u002Fmain\u002Fskills\u002Fvenice-video\u002FSKILL.md",[],[],{"skillNo":106,"name":107,"nameZh":6,"description":108,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":101,"licenseFileUrl":6,"sourceHtmlUrl":109,"categories":110,"keywords":111,"publishedAt":19},"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":113,"name":114,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":101,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":19},"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":120,"name":121,"nameZh":6,"description":122,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":101,"licenseFileUrl":6,"sourceHtmlUrl":123,"categories":124,"keywords":125,"publishedAt":19},"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",[],[]]