[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6MYCRAM4FPFS5DZ5Y68MT30":3,"skill-same:01M6MYCRAM4FPFS5DZ5Y68MT30":117},{"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":26,"publishedAt":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":80,"commitSha":81,"skillDirectory":82,"forksCount":83,"repositoryHtmlUrl":84,"repositoryHomepageUrl":85,"ownerHtmlUrl":86,"ownerBlogUrl":6,"ownerDescription":87,"updatedAt":88,"install":89,"resources":102},"01M6MYCRAM4FPFS5DZ5Y68MT30","frame-electric-studio",null,"Two-panel split with quote as hero — white\u002Fblue panels open from center, accent bar grows, quote reveals line by line.","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-electric-studio\u002FSKILL.md",[18,23],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"frame electric studio","electric","frame","studio","false","split-panel","hero","split","panel","panels","frontend","black","as","images","use","slides","open","Video","pull","image","2026-11-10 10:12:30",false,"---\nname: frame-electric-studio\nzh_name: \"电光工作室分屏帧\"\nen_name: \"Electric Studio Frame\"\nemoji: \"?\"\ndescription: \"Two-panel split with quote as hero — white\u002Fblue panels open from center, accent bar grows, quote reveals line by line.\"\nzh_description: \"电光工作室分屏帧:白\u002F蓝双屏从中心开合 + 强调条生长 + 引言逐行浮现, 高对比专业感\"\nen_description: \"Two-panel split with quote as hero — white\u002Fblue panels open from center, accent bar grows, quote reveals line by line.\"\ncategory: video\nscenario: video\naspect_hint: \"1920×1080 (16:9)\"\nfeatured: 0\nrecommended: 6\ntags: [\"split-panel\", \"quote\", \"blue\", \"high-contrast\", \"studio\", \"frame\"]\nexample_id: sample-frame-electric-studio\nexample_name: \"电光分屏帧 · 引言\"\nexample_format: markdown\nexample_tagline: \"白\u002F蓝双屏开合 + 引言逐行浮现\"\nexample_desc: \"pull-quote \u002F 使命陈述 — 黑色 accent 条 + 跨屏引言\"\nexample_source_url: \"https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides\"\nexample_source_label: \"frontend-slides · Electric Studio (MIT)\"\nod:\n  mode: video\n  surface: video\n  scenario: video\n  featured: 0\n  upstream: \"https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides\"\n  preview:\n    type: html\n    entry: index.html\n    reload: debounce-100\n  design_system:\n    requires: false\n  example_prompt: \"Use the Electric Studio Frame template to turn my quote into a two-panel split reveal — white top and electric-blue bottom panels opening from center, a black accent bar growing on the seam, and the quote revealing line by line. Preserve the template's visual signature, use real content, and avoid lorem ipsum or placeholder images.\"\n  example_prompt_i18n:\n    zh-CN: \"用「电光工作室分屏帧」模板把我的引言做成一段双屏开合揭示:白色上屏 + 电光蓝下屏从中心开合 + 接缝处黑色强调条生长 + 引言逐行浮现。保持模板的视觉签名,使用真实内容,避免 lorem ipsum 和占位图片。\"\n---\n\n【模板: 电光工作室分屏帧 (Electric Studio)】\n【意图】pull-quote \u002F 推荐语 \u002F 使命陈述 \u002F 高对比标题。视觉提炼自 frontend-slides 的 Electric Studio 预设 (MIT, © Zara Zhang)。\n\n【画布】1920×1080, 白色上屏 (540px) + 电光蓝下屏 (`#4361ee`, 540px), 中线分割。\n\n【字体】display + body 都用 `Manrope` 800\u002F700\u002F500\u002F400。\n\n【主结构 (时间轴, 默认 4s)】\n- **0.1s** 上屏从 translateY(-100%) 下落、下屏从 translateY(100%) 上升, 同时从中心\"开合\"到位 (expo-out)。\n- **0.9s** 接缝处黑色 accent 条 (高 8px) 从宽 0 → 320px 生长。\n- **1.0s 起** 引言逐行浮现 (每行 .ln, 错峰 150ms, translateY 26→0); 跨入蓝屏的行用白色 (`.on-blue`)。font-size 96px, weight 800。\n- **2.2s** 下屏 attribution (name 28px 700 + role uppercase 0.7 opacity, 白色) 淡入。\n- **2.5s** 右上品牌 mark (深色) + 右下品牌 mark (白 0.6) 淡入。\n\n【配色纪律】白 \u002F 电光蓝 `#4361ee` \u002F 近黑 `#0a0a0a` 三色。accent 条与品牌词用黑\u002F白, 蓝是大色块。**禁止**第四个主色。\n\n【内容纪律】\n- quote 拆成 2-4 行, 让 1-2 行落在蓝屏 (改 `.on-blue` class) 形成跨屏对比。\n- 必须用真实引言\u002F陈述, 严禁 lorem ipsum。\n- 动效用 `@keyframes`, `prefers-reduced-motion` 下全部停在终态。\n- 单文件 HTML。\n","【模板: 电光工作室分屏帧 (Electric Studio)】\n【意图】pull-quote \u002F 推荐语 \u002F 使命陈述 \u002F 高对比标题。视觉提炼自 frontend-slides 的 Electric Studio 预设 (MIT, © Zara Zhang)。\n\n【画布】1920×1080, 白色上屏 (540px) + 电光蓝下屏 (`#4361ee`, 540px), 中线分割。\n\n【字体】display + body 都用 `Manrope` 800\u002F700\u002F500\u002F400。\n\n【主结构 (时间轴, 默认 4s)】\n- **0.1s** 上屏从 translateY(-100%) 下落、下屏从 translateY(100%) 上升, 同时从中心\"开合\"到位 (expo-out)。\n- **0.9s** 接缝处黑色 accent 条 (高 8px) 从宽 0 → 320px 生长。\n- **1.0s 起** 引言逐行浮现 (每行 .ln, 错峰 150ms, translateY 26→0); 跨入蓝屏的行用白色 (`.on-blue`)。font-size 96px, weight 800。\n- **2.2s** 下屏 attribution (name 28px 700 + role uppercase 0.7 opacity, 白色) 淡入。\n- **2.5s** 右上品牌 mark (深色) + 右下品牌 mark (白 0.6) 淡入。\n\n【配色纪律】白 \u002F 电光蓝 `#4361ee` \u002F 近黑 `#0a0a0a` 三色。accent 条与品牌词用黑\u002F白, 蓝是大色块。**禁止**第四个主色。\n\n【内容纪律】\n- quote 拆成 2-4 行, 让 1-2 行落在蓝屏 (改 `.on-blue` class) 形成跨屏对比。\n- 必须用真实引言\u002F陈述, 严禁 lorem ipsum。\n- 动效用 `@keyframes`, `prefers-reduced-motion` 下全部停在终态。\n- 单文件 HTML。\n",{"od":52,"name":5,"tags":64,"emoji":68,"en_name":69,"zh_name":70,"category":53,"featured":58,"scenario":53,"example_id":71,"aspect_hint":72,"description":7,"recommended":73,"example_desc":74,"example_name":75,"en_description":7,"example_format":76,"zh_description":77,"example_tagline":78,"example_source_url":59,"example_source_label":79},{"mode":53,"preview":54,"surface":53,"featured":58,"scenario":53,"upstream":59,"design_system":60,"example_prompt":61,"example_prompt_i18n":62},"video",{"type":55,"entry":56,"reload":57},"html","index.html","debounce-100",0,"https:\u002F\u002Fgithub.com\u002Fzarazhangrui\u002Ffrontend-slides",{"requires":48},"Use the Electric Studio Frame template to turn my quote into a two-panel split reveal — white top and electric-blue bottom panels opening from center, a black accent bar growing on the seam, and the quote revealing line by line. Preserve the template's visual signature, use real content, and avoid lorem ipsum or placeholder images.",{"zh-CN":63},"用「电光工作室分屏帧」模板把我的引言做成一段双屏开合揭示:白色上屏 + 电光蓝下屏从中心开合 + 接缝处黑色强调条生长 + 引言逐行浮现。保持模板的视觉签名,使用真实内容,避免 lorem ipsum 和占位图片。",[32,65,66,67,30,29],"quote","blue","high-contrast","?","Electric Studio Frame","电光工作室分屏帧","sample-frame-electric-studio","1920×1080 (16:9)",6,"pull-quote \u002F 使命陈述 — 黑色 accent 条 + 跨屏引言","电光分屏帧 · 引言","markdown","电光工作室分屏帧:白\u002F蓝双屏从中心开合 + 强调条生长 + 引言逐行浮现, 高对比专业感","白\u002F蓝双屏开合 + 引言逐行浮现","frontend-slides · Electric Studio (MIT)","main","a31592a8f7a5864cc8bdb58534b0262134d84454","skills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-electric-studio",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":90,"prompt":100,"zipAvailable":101},[91,94,97],{"tool":92,"command":93},"npx","npx skills add qingjiuzys\u002Fanycode --skill frame-electric-studio",{"tool":95,"command":96},"bunx","bunx skills add qingjiuzys\u002Fanycode --skill frame-electric-studio",{"tool":98,"command":99},"pnpm","pnpm dlx skills add qingjiuzys\u002Fanycode --skill frame-electric-studio","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-electric-studio\u002FSKILL.md",true,[103,109,113],{"path":104,"resourceType":105,"resourceTypeDesc":106,"sizeBytes":107,"sourceHtmlUrl":108},"example.md","REFERENCE","参考文档",257,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-electric-studio\u002Fexample.md",{"path":110,"resourceType":105,"resourceTypeDesc":106,"sizeBytes":111,"sourceHtmlUrl":112},"source\u002Findex.html",4030,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-electric-studio\u002Fsource\u002Findex.html",{"path":114,"resourceType":105,"resourceTypeDesc":106,"sizeBytes":115,"sourceHtmlUrl":116},"template.html-video.yaml",3324,"https:\u002F\u002Fgithub.com\u002Fqingjiuzys\u002Fanycode\u002Fblob\u002Fmain\u002Fskills-starter\u002Fanycode-video\u002Ftemplates\u002Fframe-electric-studio\u002Ftemplate.html-video.yaml",[118,131,142,160,170,181],{"skillNo":119,"name":120,"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":121,"categories":122,"keywords":123,"publishedAt":47},"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",[],[124,125,126,127,128,129,130],"report","Weekly Report","Market","ab","weekly","stub","weekly report ab market stub",{"skillNo":132,"name":133,"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":134,"categories":135,"keywords":139,"publishedAt":47},"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",[136],{"categoryNo":137,"categoryName":138,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000004","电子表格",[127,124,140,126,129,141],"csv","report csv ab market stub",{"skillNo":143,"name":144,"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":145,"categories":146,"keywords":155,"publishedAt":47},"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",[147,150],{"categoryNo":148,"categoryName":149,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":151,"categoryName":152,"taxonomyType":153,"taxonomyTypeDesc":154},"01JBSEEDCAT000000000000034","行政与办公人员","PROFESSION","适用职业",[156,126,127,129,157,158,159],"office","office pptx","office pptx ab market stub","pptx",{"skillNo":161,"name":162,"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":163,"categories":164,"keywords":165,"publishedAt":47},"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",[],[126,166,127,167,168,129,169],"writer","novel","novel writer","novel writer ab market stub",{"skillNo":171,"name":172,"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":173,"categories":174,"keywords":176,"publishedAt":47},"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",[175],{"categoryNo":151,"categoryName":152,"taxonomyType":153,"taxonomyTypeDesc":154},[177,178,126,127,179,129,180],"minutes","meeting minutes","meeting","meeting minutes ab market stub",{"skillNo":182,"name":183,"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":184,"categories":185,"keywords":189,"publishedAt":47},"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",[186],{"categoryNo":187,"categoryName":188,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000002","文档处理",[126,190,127,129,191,192],"md to pdf","md to pdf ab market stub","PDF"]