[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6MYDFCBAQ58QPYFSBNGYD86":3,"skill-same:01M6MYDFCBAQ58QPYFSBNGYD86":122},{"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":31,"publishedAt":52,"linkOnly":53,"markdownContent":54,"markdownBody":55,"frontMatter":56,"refName":85,"commitSha":86,"skillDirectory":87,"forksCount":88,"repositoryHtmlUrl":89,"repositoryHomepageUrl":90,"ownerHtmlUrl":91,"ownerBlogUrl":6,"ownerDescription":92,"updatedAt":93,"install":94,"resources":107},"01M6MYDFCBAQ58QPYFSBNGYD86","frame-logo-outro",null,"Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.","qingjiuzys\u002Fanycode","qingjiuzys","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F142193034?v=4","01M6MXYJGE1SJ5ZVPWKQYPX4TD","qingjiu","01M6MXYJM8F2KJ3RRQZJNXHZJW",2,"MIT","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-logo-outro\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":27,"categoryName":28,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51],"logo","frame logo outro","outro","frame","io","1920","end-card","preserve","for","bloom","card","image","false","end","visual","images","use","catalog","brand","Video","2026-11-10 10:12:30",false,"---\nname: frame-logo-outro\nzh_name: \"品牌 Logo 收尾帧\"\nen_name: \"Logo Outro Frame\"\nemoji: \"?\"\ndescription: \"Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.\"\nzh_description: \"Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 \u002F 品牌闭幕\"\nen_description: \"Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.\"\ncategory: video\nscenario: video\naspect_hint: \"1920×1080 (16:9)\"\nfeatured: 40\nrecommended: 8\ntags: [\"logo\", \"outro\", \"branding\", \"end-card\", \"frame\"]\nexample_id: sample-frame-logo-outro\nexample_name: \"品牌 Logo 收尾 · HTML Anything\"\nexample_format: markdown\nexample_tagline: \"Midnight Indigo + glow bloom\"\nexample_desc: \"Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用\"\nexample_source_url: \"https:\u002F\u002Fhyperframes.heygen.com\u002Fcatalog\"\nexample_source_label: \"hyperframes · logo-outro\"\nod:\n  mode: video\n  surface: video\n  scenario: video\n  featured: 0.16\n  upstream: \"https:\u002F\u002Fgithub.com\u002Fnexu-io\u002Fhtml-anything\"\n  preview:\n    type: html\n    entry: index.html\n    reload: debounce-100\n  design_system:\n    requires: false\n  example_prompt: \"Use the Logo Outro Frame template to turn my content into a video outro or brand closing frame with segmented logo assembly, glow bloom, and tagline reveal. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.\"\n  example_prompt_i18n:\n    zh-CN: \"用「品牌 Logo 收尾帧」模板把我的内容做成一段「Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 \u002F 品牌闭幕」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。\"\n---\n\n【模板: Logo 收尾帧 (Logo Outro)】\n【意图】视频结尾的品牌 reveal 帧 —— logo 分块拼装 + glow bloom + tagline 上浮 + CTA。Inspired by hyperframes logo-outro。\n\n【画布】1920×1080, 黑色 `#08090c` 或品牌深色背景; 加微妙 vignette `radial-gradient(...)` 让中心更亮。\n\n【布局】\n- **中心 Logo**: 用 CSS \u002F 内联 SVG 绘制; 由 4-8 个几何块 (圆 \u002F 方 \u002F 三角 \u002F hairline) 组成。\n  - 入场动画: 每个块从屏幕外滑入 (±100px 不同方向) + scale 1.4→1.0 + opacity 0→1, 错峰 80ms; 总时长 1.2s。\n  - 入场完成后, 整个 logo 加 glow bloom: `filter: drop-shadow(0 0 24px \u003Caccent>40)`; 同时一道 shimmer `mask-image` 横扫 logo (500ms)。\n- **品牌名**: logo 下方 6-8% 位置, 大字 (Inter Tight \u002F SF Pro Display, 48-72px, weight 700, letter-spacing -0.02em), 入场: typewriter or fade-up after logo bloom (1.4s 开始)。\n- **Tagline**: 品牌名下方一行 (24-28px, weight 400, opacity 0.7), fade in (1.8s)。\n- **底部 CTA + 元数据**: 双行底部 row, 例如 `htmlanything.dev · @htmlanything · 2026`, 11px uppercase letter-spacing 0.16em, 颜色 opacity 0.4, hairline 分隔。\n\n【调色 — 4 选 1, 不混用】\n- ? **Midnight Indigo** — bg `#08090c`, accent `#7c5cff` (霓虹紫蓝 glow)。\n- ? **Solar Amber** — bg `#0e0a08`, accent `#ffb547` (暖琥珀)。\n- ? **Forest Mint** — bg `#0a1410`, accent `#5fb38a` (薄荷绿)。\n- ⚪ **Bone & Ink** — bg `#f1efea`, accent `#0a0a0b` (无 neon, 走 editorial 风, glow 改成阴影)。\n\n【设计细节】\n- **绝不**: 用外链 logo 图片; logo 必须用纯 CSS \u002F 内联 SVG 几何绘制。\n- 入场动画用 `@keyframes` + `animation-delay`; 可被 `prefers-reduced-motion` 关闭。\n- 字体: 西文 `Inter Tight` \u002F `SF Pro Display` \u002F `Manrope`; 中文 `Noto Sans SC` weight 700。\n- 必须用用户提供的品牌名 + tagline; 若没有, 跑 fallback \"HTML Anything\" \u002F \"Anything → beautiful HTML\"。\n- 单文件 HTML; 整个动画完成后 freeze (不要 loop, 这是视频结尾帧)。\n- 顶部可选 5px ribbon (accent 色) 增加品牌识别。\n","【模板: Logo 收尾帧 (Logo Outro)】\n【意图】视频结尾的品牌 reveal 帧 —— logo 分块拼装 + glow bloom + tagline 上浮 + CTA。Inspired by hyperframes logo-outro。\n\n【画布】1920×1080, 黑色 `#08090c` 或品牌深色背景; 加微妙 vignette `radial-gradient(...)` 让中心更亮。\n\n【布局】\n- **中心 Logo**: 用 CSS \u002F 内联 SVG 绘制; 由 4-8 个几何块 (圆 \u002F 方 \u002F 三角 \u002F hairline) 组成。\n  - 入场动画: 每个块从屏幕外滑入 (±100px 不同方向) + scale 1.4→1.0 + opacity 0→1, 错峰 80ms; 总时长 1.2s。\n  - 入场完成后, 整个 logo 加 glow bloom: `filter: drop-shadow(0 0 24px \u003Caccent>40)`; 同时一道 shimmer `mask-image` 横扫 logo (500ms)。\n- **品牌名**: logo 下方 6-8% 位置, 大字 (Inter Tight \u002F SF Pro Display, 48-72px, weight 700, letter-spacing -0.02em), 入场: typewriter or fade-up after logo bloom (1.4s 开始)。\n- **Tagline**: 品牌名下方一行 (24-28px, weight 400, opacity 0.7), fade in (1.8s)。\n- **底部 CTA + 元数据**: 双行底部 row, 例如 `htmlanything.dev · @htmlanything · 2026`, 11px uppercase letter-spacing 0.16em, 颜色 opacity 0.4, hairline 分隔。\n\n【调色 — 4 选 1, 不混用】\n- ? **Midnight Indigo** — bg `#08090c`, accent `#7c5cff` (霓虹紫蓝 glow)。\n- ? **Solar Amber** — bg `#0e0a08`, accent `#ffb547` (暖琥珀)。\n- ? **Forest Mint** — bg `#0a1410`, accent `#5fb38a` (薄荷绿)。\n- ⚪ **Bone & Ink** — bg `#f1efea`, accent `#0a0a0b` (无 neon, 走 editorial 风, glow 改成阴影)。\n\n【设计细节】\n- **绝不**: 用外链 logo 图片; logo 必须用纯 CSS \u002F 内联 SVG 几何绘制。\n- 入场动画用 `@keyframes` + `animation-delay`; 可被 `prefers-reduced-motion` 关闭。\n- 字体: 西文 `Inter Tight` \u002F `SF Pro Display` \u002F `Manrope`; 中文 `Noto Sans SC` weight 700。\n- 必须用用户提供的品牌名 + tagline; 若没有, 跑 fallback \"HTML Anything\" \u002F \"Anything → beautiful HTML\"。\n- 单文件 HTML; 整个动画完成后 freeze (不要 loop, 这是视频结尾帧)。\n- 顶部可选 5px ribbon (accent 色) 增加品牌识别。\n",{"od":57,"name":5,"tags":69,"emoji":71,"en_name":72,"zh_name":73,"category":58,"featured":74,"scenario":58,"example_id":75,"aspect_hint":76,"description":7,"recommended":77,"example_desc":78,"example_name":79,"en_description":7,"example_format":80,"zh_description":81,"example_tagline":82,"example_source_url":83,"example_source_label":84},{"mode":58,"preview":59,"surface":58,"featured":63,"scenario":58,"upstream":64,"design_system":65,"example_prompt":66,"example_prompt_i18n":67},"video",{"type":60,"entry":61,"reload":62},"html","index.html","debounce-100",0.16,"https:\u002F\u002Fgithub.com\u002Fnexu-io\u002Fhtml-anything",{"requires":53},"Use the Logo Outro Frame template to turn my content into a video outro or brand closing frame with segmented logo assembly, glow bloom, and tagline reveal. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.",{"zh-CN":68},"用「品牌 Logo 收尾帧」模板把我的内容做成一段「Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 \u002F 品牌闭幕」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。",[32,34,70,38,35],"branding","?","Logo Outro Frame","品牌 Logo 收尾帧",40,"sample-frame-logo-outro","1920×1080 (16:9)",8,"Logo 装配 + 品牌名 + tagline + CTA, 视频片尾用","品牌 Logo 收尾 · HTML Anything","markdown","Logo 分块组装入场 + glow bloom + tagline 揭示, 适合视频片尾 \u002F 品牌闭幕","Midnight Indigo + glow bloom","https:\u002F\u002Fhyperframes.heygen.com\u002Fcatalog","hyperframes · logo-outro","main","a31592a8f7a5864cc8bdb58534b0262134d84454","skills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-logo-outro",1,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode","anycode.work","https:\u002F\u002Fgithub.com\u002Fqingjiuzys","learning ai.... ","2026-09-12 18:08:54",{"source":8,"skillName":5,"commands":95,"prompt":105,"zipAvailable":106},[96,99,102],{"tool":97,"command":98},"npx","npx skills add qingjiuzys\u002Fanycode --skill frame-logo-outro",{"tool":100,"command":101},"bunx","bunx skills add qingjiuzys\u002Fanycode --skill frame-logo-outro",{"tool":103,"command":104},"pnpm","pnpm dlx skills add qingjiuzys\u002Fanycode --skill frame-logo-outro","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-logo-outro\u002FSKILL.md",true,[108,114,118],{"path":109,"resourceType":110,"resourceTypeDesc":111,"sizeBytes":112,"sourceHtmlUrl":113},"example.md","REFERENCE","参考文档",194,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-logo-outro\u002Fexample.md",{"path":115,"resourceType":110,"resourceTypeDesc":111,"sizeBytes":116,"sourceHtmlUrl":117},"source\u002Findex.html",3729,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-logo-outro\u002Fsource\u002Findex.html",{"path":119,"resourceType":110,"resourceTypeDesc":111,"sizeBytes":120,"sourceHtmlUrl":121},"template.html-video.yaml",1934,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-logo-outro\u002Ftemplate.html-video.yaml",[123,136,147,163,173,184],{"skillNo":124,"name":125,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":126,"categories":127,"keywords":128,"publishedAt":52},"01M6MYMFCKSXF6HM0J9F6XGTSW","weekly-report-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Fweekly-report-ab\u002FSKILL.md",[],[129,130,131,132,133,134,135],"report","Weekly Report","Market","ab","weekly","stub","weekly report ab market stub",{"skillNo":137,"name":138,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":139,"categories":140,"keywords":144,"publishedAt":52},"01M6MYMBRT8GWGJ2GJRM1KGC4K","report-csv-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Freport-csv-ab\u002FSKILL.md",[141],{"categoryNo":142,"categoryName":143,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000004","电子表格",[132,129,145,131,134,146],"csv","report csv ab market stub",{"skillNo":148,"name":149,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":150,"categories":151,"keywords":158,"publishedAt":52},"01M6MYM7WNEQ9JBFQZ18HHFJYY","office-pptx-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Foffice-pptx-ab\u002FSKILL.md",[152,155],{"categoryNo":153,"categoryName":154,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":156,"categoryName":157,"taxonomyType":29,"taxonomyTypeDesc":30},"01JBSEEDCAT000000000000034","行政与办公人员",[159,131,132,134,160,161,162],"office","office pptx","office pptx ab market stub","pptx",{"skillNo":164,"name":165,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":166,"categories":167,"keywords":168,"publishedAt":52},"01M6MYM47EAQXDGS0J299DJQGR","novel-writer-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Fnovel-writer-ab\u002FSKILL.md",[],[131,169,132,170,171,134,172],"writer","novel","novel writer","novel writer ab market stub",{"skillNo":174,"name":175,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":176,"categories":177,"keywords":179,"publishedAt":52},"01M6MYM0D7WBHBV5RACEJKS38G","meeting-minutes-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Fmeeting-minutes-ab\u002FSKILL.md",[178],{"categoryNo":156,"categoryName":157,"taxonomyType":29,"taxonomyTypeDesc":30},[180,181,131,132,182,134,183],"minutes","meeting minutes","meeting","meeting minutes ab market stub",{"skillNo":185,"name":186,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":187,"categories":188,"keywords":192,"publishedAt":52},"01M6MYKWFKNCR46ADQJ77EHZ85","md-to-pdf-ab-market-stub","https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Ftest\u002Ffixtures\u002Fskills\u002Fab-fixtures\u002Fmarket-reference\u002Fmd-to-pdf-ab\u002FSKILL.md",[189],{"categoryNo":190,"categoryName":191,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000002","文档处理",[131,193,132,134,194,195],"md to pdf","md to pdf ab market stub","PDF"]