[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tb-a-2077665222935445504-2077670776277827584":3},{"detail":4,"html":18,"toc":19,"catalog":42,"tool":46},{"id":5,"title":6,"coverUrl":7,"url":8,"level":8,"description":9,"publishDate":10,"views":11,"isCollect":12,"isLike":12,"vipRequired":13,"vipFlag":14,"price":8,"contentType":15,"station":8,"seq":15,"readMinutes":16,"toolIds":17,"relatedVideo":8},"2077670776277827584","guizang-ppt-skill：歸藏出品，杂志风\u002F瑞士风网页 PPT","https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670755402776576",null,"知名 AI 设计博主歸藏出品，GitHub 21.5k 星。内置电子杂志风和瑞士国际主义两套视觉系统，单文件 HTML 横向翻页演讲稿，WebGL 动态背景，一键出多平台社交封面。设计感是最大卖点。","2026-07-16",0,"0",false,"1",1,3,[],"\u003Cdiv style=\"padding:0 4px 24px;font-size:14px;color:#333;line-height:1.85;word-break:break-word\">\n\n\u003Cdiv style=\"background:#FFF7ED;border:1px solid #FFEDD5;border-radius:12px;padding:12px 14px;margin:0 0 18px;font-size:13px;line-height:1.7;color:#9A3412\">⭐ \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">大V·歸藏出品\u003C\u002Fstrong>（guizang.ai，知名 AI 设计博主 \u002F AI 课程作者）。GitHub 21.5k 星、近 2 万次安装，是 HTML 演示里设计感的标杆。\u003C\u002Fdiv>\n\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670755713155072\" style=\"width:100%;border-radius:12px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 16px\">Style A · 电子杂志风效果\u003C\u002Fp>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s1\" data-toc>一、这是什么\u003C\u002Fh1>\n\u003Cp style=\"margin:0 0 14px\">guizang-ppt-skill 是歸藏出品的\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">网页 PPT 生成 skill\u003C\u002Fstrong>，跑在 Claude Code、Codex 等 AI 助手里。产出的是\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">单文件 HTML 横向翻页演讲稿\u003C\u002Fstrong>，浏览器直接打开、无需构建或服务器，还能自动配图、一键出多平台封面。\u003C\u002Fp>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s2\" data-toc>二、两套视觉系统\u003C\u002Fh1>\n\u003Cp style=\"margin:0 0 14px\">它最大的特色是内置\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">两套截然不同的设计语言\u003C\u002Fstrong>，按你的场景选：\u003C\u002Fp>\n\n\u003Cdiv style=\"background:#fff;border:1px solid #F1F5F9;border-radius:14px;padding:14px;margin:0 0 10px;box-shadow:0 2px 10px rgba(0,0,0,0.03)\">\u003Ch2 style=\"font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px\" id=\"s3\" data-toc>Style A · 电子杂志风\u003C\u002Fh2>\u003Cp style=\"margin:0\">叙事导向，参考《Monocle》的杂志级排版，10 种页面布局、5 套电子墨水主题色。适合个人分享、观点表达。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Cdiv style=\"background:#fff;border:1px solid #F1F5F9;border-radius:14px;padding:14px;margin:0 0 12px;box-shadow:0 2px 10px rgba(0,0,0,0.03)\">\u003Ch2 style=\"font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 6px\" id=\"s4\" data-toc>Style B · 瑞士国际主义\u003C\u002Fh2>\u003Cp style=\"margin:0\">信息导向，16 列严格网格、22 种锁定版式、4 套高饱和锚点色，还带版式校验脚本拦截违规设计。适合产品分析、事实呈现。\u003C\u002Fp>\u003C\u002Fdiv>\n\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670761375465472\" style=\"width:100%;border-radius:10px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 16px\">Style B · 瑞士国际主义效果\u003C\u002Fp>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s5\" data-toc>三、核心能力\u003C\u002Fh1>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">交互翻页\u003C\u002Fstrong>：键盘、滚轮、触屏滑动、圆点导航、ESC 索引全支持\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">WebGL 背景动画\u003C\u002Fstrong>：Hero 页动态效果，按 B 键可降级静态、照顾低性能设备\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">社交多规格封面\u003C\u002Fstrong>：同一内容出公众号 21:9 头图、1:1 分享卡、小红书 3:4、视频号 16:9\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">截图智能适配\u003C\u002Fstrong>：内置 CleanShot X 风格背景，自动缩放留边\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s6\" data-toc>四、主题色一览\u003C\u002Fh1>\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670766354104320\" style=\"width:100%;border-radius:10px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 14px\">墨水经典（Style A）\u003C\u002Fp>\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670769466277888\" style=\"width:100%;border-radius:10px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 14px\">森林墨（Style A）\u003C\u002Fp>\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670772960133120\" style=\"width:100%;border-radius:10px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 14px\">克莱因蓝（Style B 瑞士）\u003C\u002Fp>\n\u003Cimg src=\"https:\u002F\u002Faicxd.com\u002Fapi\u002Ffile\u002Ffile\u002FremoteViewByFileId?fileId=2077670775736762368\" style=\"width:100%;border-radius:10px;margin:4px 0 4px;display:block\" loading=\"lazy\" decoding=\"async\">\n\u003Cp style=\"font-size:12px;color:#94A3B8;text-align:center;margin:0 0 16px\">柠檬黄（Style B 瑞士）\u003C\u002Fp>\n\n\u003Ch1 style=\"font-size:17px;font-weight:800;color:#111;margin:26px 0 14px;padding-left:10px;border-left:5px solid #FF8916;line-height:1.5\" id=\"s7\" data-toc>五、适合谁\u003C\u002Fh1>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">✅ 线下技术分享、行业讲话、AI 产品发布、个性强烈的演讲\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cdiv style=\"display:flex;margin:0 0 8px\">\u003Cspan style=\"color:#FF8916;margin-right:8px;flex-shrink:0;font-weight:700\">•\u003C\u002Fspan>\u003Cdiv style=\"flex:1\">❌ 大数据表格、需要多人协作编辑、通用企业培训\u003C\u002Fdiv>\u003C\u002Fdiv>\n\n\u003Cdiv style=\"background:#FFF7ED;border:1px solid #FFEDD5;border-radius:12px;padding:12px 14px;margin:18px 0 0;font-size:13px;line-height:1.7;color:#9A3412\">⚠️ \u003Cstrong style=\"font-weight:700;color:#1a1a1a\">一句实话\u003C\u002Fstrong>：产出是静态 HTML 演讲稿，\u003Cstrong style=\"font-weight:700;color:#1a1a1a\">不是可协作编辑的在线文档\u003C\u002Fstrong>，也不导可编辑 .pptx。要设计感极强的个人\u002F发布演示选它；要传统可编辑 PPT 看「传统PPT」子分类。需在 Claude Code 等 AI 助手里使用。\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n",[20,23,26,30,33,36,39],{"id":21,"text":22,"level":15},"s1","一、这是什么",{"id":24,"text":25,"level":15},"s2","二、两套视觉系统",{"id":27,"text":28,"level":29},"s3","Style A · 电子杂志风",2,{"id":31,"text":32,"level":29},"s4","Style B · 瑞士国际主义",{"id":34,"text":35,"level":15},"s5","三、核心能力",{"id":37,"text":38,"level":15},"s6","四、主题色一览",{"id":40,"text":41,"level":15},"s7","五、适合谁",[43],{"id":5,"title":6,"coverUrl":7,"duration":8,"level":8,"publishDate":10,"views":11,"aiSoftapp":8,"tags":44,"contentType":15,"station":8,"seq":15,"relateId":8,"toolId":45,"readMinutes":16},[],"2077665222935445504",{"id":45,"createTime":47,"createdBy":48,"updateTime":47,"updatedBy":48,"echoMap":49,"slug":50,"name":50,"categorySlug":51,"subCategory":52,"region":8,"website":53,"appName":54,"description":55,"tags":56,"sortOrder":11,"state":15,"tenantCode":62,"tutorialContent":8,"resourceType":63,"accessTypes":54,"installCmd":64,"logo":65,"hotScore":66,"githubStars":67,"category":51},"2026-07-16 16:02:45","1744248479271616512",{},"guizang-ppt-skill","ppt","用HTML做PPT","https:\u002F\u002Fgithub.com\u002Fop7418\u002Fguizang-ppt-skill","","知名 AI 设计博主歸藏（guizang.ai）出品，GitHub 21.5k 星、近 2 万次安装。专做杂志\u002F瑞士版式的精美 HTML 幻灯片，横向翻页、WebGL 动态背景，还能顺带产出社交媒体封面图。设计感是最大卖点，适合对视觉要求高、想要“一眼高级”的人。",[57,58,59,60,61],"大V·歸藏出品","HTML演示","杂志风","设计感强","WebGL背景","0000","skill","npx skills add op7418\u002Fguizang-ppt-skill@guizang-ppt-skill","https:\u002F\u002Fgithub.com\u002Fop7418.png",92,21500]