AI 技能/插件前端【免费下载链接】html-ppt-skillHTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20 animations for building professional HTML presentations项目地址https://gitcode.com/gh_mirrors/ht/html-ppt-skill点击查看免费下载html-ppt-skill 的每套主题都是一份放在assets/themes/下的短小 CSS 文件通过覆盖assets/base.css中定义的统一设计 Token 来彻底改变整套幻灯片的视觉风格。本文以references/themes.md为骨架结合主题源码与运行时实现完整解析 36 套主题的选型目录、Token 体系、无障碍对比度设计--accent-ink、两种应用方式静态链接与T键循环切换并给出从零扩展自定义主题的工程化建议。读完你可以在自己的演示中精准挑选主题、按需定制新主题并理解主题在观众窗口与演示者预览窗口之间同步的底层原理。主题是什么一份覆盖 Token 的 CSS 文件从源码结构看整个视觉系统的分层非常清晰assets/base.css 定义默认设计 Token:root块以及排版、卡片、图片框、进度条等布局原语是所有主题的底层基础assets/themes/ 下的 36 个 CSS 文件各自重新声明同一个:root变量集合覆盖默认值主题不新增选择器时布局原语无需改动换主题等于换一套配色、字体与圆角/阴影气质。主题切换的本质是替换link idtheme-link的href。在 assets/runtime.js 的applyTheme(name)中可以看到完整逻辑如果页面上不存在theme-link运行时会动态创建并挂载随后把链接指向themeBase name .css并把主题名写回html>.my-badge{background:var(--accent);color:var(--accent-ink)}如果你新增一套主题请务必同步带上--accent-ink这是主题契约的一部分缺了它强调色填充上的文字会在你的主题下失去可读性保障。36 套主题目录按风格分类的选型指南以下完整收录references/themes.md的全部主题目录。每个表格给出主题名、风格描述与推荐使用场景可直接用于选型。Light calm浅色、平静namedescriptionwhen to useminimal-white极简白克制高级。Inter强文字层级极低阴影。内部汇报、一对一技术评审、不抢内容的严肃话题editorial-serif杂志风 Playfair 衬线 奶油底。品牌故事、文字密度大的长文演讲soft-pastel柔和马卡龙三色渐变。产品发布、面向消费者、轻松话题xiaohongshu-white小红书白底 暖红 accent 衬线标题。小红书图文、生活/美学类内容solarized-light经典低眩光配色。长时间观看的工作坊、教学catppuccin-lattecatppuccin 浅色。开发者、极客友好的技术分享Bold statement大胆、宣言式namedescriptionwhen to usesharp-mono纯黑白 Archivo Black 硬阴影。宣言类、极具冲击力的视觉neo-brutalism厚描边、硬阴影、明黄 accent。创业路演、敢说敢做的调性bauhaus几何 红黄蓝原色。设计 talk、艺术史/产品美学主题swiss-grid瑞士网格 Helvetica 感 12 栏底纹。严肃排版、设计行业memphis-pop孟菲斯波普背景点 大字标题。年轻、潮流、品牌合作Cool dark冷色、暗色namedescriptionwhen to usecatppuccin-mochacatppuccin 深。开发者内部分享、长时间观看dracula经典 Dracula 紫红主色。代码密集的技术分享tokyo-nightTokyo Night 蓝夜。偏冷技术分享、基础设施nord北欧清冷蓝白。基础设施、云产品gruvbox-dark温暖复古深色。Terminal / vim / *nix 社群rose-pine玫瑰松柔和暗色。设计开发交界、审美向技术arctic-cool蓝/青/石板灰 浅色版。商业分析、金融、冷静理性Warm vibrant暖色、鲜活namedescriptionwhen to usesunset-warm橘 / 珊瑚 / 琥珀三色渐变。生活方式、奖项颁发、情绪正向Effect-heavy强效果namedescriptionwhen to useglassmorphism毛玻璃 多色光斑背景。Apple 式发布会、产品特性展示aurora极光渐变 blur saturate。封面 / CTA / 结语页rainbow-gradient白底 彩虹流动渐变 accent。欢乐向、节日、庆祝页blueprint蓝图工程 网格底纹 蒙太奇字体。系统架构、工程蓝图terminal-green绿屏终端 等宽 发光文字。CLI/black-hat/复古朋克v2 additionsv2 新增Light professional浅色、专业namedescriptionwhen to usecorporate-clean纯白 海军蓝 accent Inter 保守边框。董事会汇报、B2B 销售、金融保险pitch-deck-vcYC 风白底 蓝紫渐变 accent 大留白。融资路演、种子轮、VC meetingacademic-paper论文白 衬线正文 黑墨 蓝链接。学术报告、研究分享、会议论文japanese-minimal象牙白 朱红 accent 极大留白 Noto Serif。品牌升级、匠人故事、禅意叙事engineering-whiteprint白底 坐标纸网格 海军墨线 等宽字。系统设计、API 文档、架构白皮书Bold editorial大胆、编辑风namedescriptionwhen to usemagazine-bold奶油底 超大 Playfair 衬线 橙色 spot。专栏文章、封面故事、品牌月刊news-broadcast白底 红色竖条 Oswald 大写 硬阴影。突发新闻、发布通稿、数据播报midcentury奶油底 芥末/青/焦橙 锐利几何。设计史、家居美学、复古品牌retro-tv暖奶油 CRT 扫描线 琥珀橙 accent。怀旧叙事、八零九零年代主题Effect-heavy / dramatic强效果 / 戏剧化namedescriptionwhen to usecyberpunk-neon纯黑 霓虹粉青黄 发光 JetBrains Mono。黑客、地下文化、赛博 talkvaporwave深紫 粉红青蓝渐变 晕染光斑。音乐、潮流艺术、A E S T H E T I Cy2k-chrome银铬渐变 彩虹 accent 大圆角 Space Grotesk。千禧怀旧、时尚品牌、Gen-Z以上 8 组共 36 套主题与 assets/themes/ 目录下的 36 个 CSS 文件一一对应含 v1 与 v2 全部版本可从仓库直接查看任意主题的完整实现。如何应用静态链接与T键动态切换主题有两种应用方式原文档提供了两种配置模板。方式一静态链接。在head中直接声明带idtheme-link的样式表链接这里已将原文档相对路径转换为仓库根目录下的相对路径link relstylesheet idtheme-link hrefassets/themes/aurora.css这种方式零 JS 依赖打开页面即固定为该主题若后续需要动态切换运行时会按theme-link的href自动推断主题目录见 assets/runtime.js。方式二T键循环切换。在body或html上声明候选主题列表运行时便会在候选之间轮换body>赞分享AI 技能/插件前端【免费下载链接】html-ppt-skillHTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20 animations for building professional HTML presentations项目地址https://gitcode.com/gh_mirrors/ht/html-ppt-skill点击查看免费下载相关推荐MarkText 主题系统完全指南33 个内置主题、切换机制与自定义 CSS 实战MarkText 主题系统完全指南33 个内置主题、切换机制与自定义 CSS 实战 MarkText 内置了 33 套完整主题分为 Light亮色与 D桌面应用富文本Wekan 自定义主题与 CSS 主题开发完全指南从 Stylish 覆盖到内置主题系统Wekan 自定义主题与 CSS 主题开发完全指南从 Stylish 覆盖到内置主题系统 本文是一份面向 Wekan 开发者与高级用户的主题定制实战指南。文章文档教程html-ppt完全指南AI驱动的HTML演示文稿引擎36主题×47动效一键生成专业PPThtml ppt完全指南AI驱动的HTML演示文稿引擎36主题×47动效一键生成专业PPT html pptHTML PPT Studio是一款 AIAI 技能/插件前端上一篇如何快速掌握Blender 3MF插件3D打印工作流程的完整指南下一篇Blender 3MF插件终极指南快速掌握3D打印全流程创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考