
CLIAI 应用MCP 服务【免费下载链接】OfficeCLIOfficeCLI is the first and best Office suite purpose-built for AI agents to read, edit, and automate Word, Excel, and PowerPoint files. Free, open-source, single binary, no Office installation required.项目地址https://gitcode.com/GitHub_Trending/of/OfficeCLI点击查看免费下载本篇技术指南以 OfficeCLI 仓库中dark--neon-productivity视觉风格为绝对核心系统拆解其设计哲学、7 色霓虹色板、7 页演示结构与 Morph 跨页动画的实现方式。你将在文中看到该风格配套的 build.sh 如何用officecli create / add / batch / --from命令组合构建出一份带连续动画的.pptx以及背景演员scene actor如何在页与页之间漂移、内容如何通过x36cm幽灵位ghost实现退场。读完本文你可以直接基于这套风格复刻或改造出自己的生产力类 Morph 演示。一、风格定位Neon Productivity 是什么根据 style.md 的官方定义Neon Productivity霓虹生产力是一套「充满能量的深色主题」Energetic Dark Theme以深海军蓝画布为底叠加多色霓虹点缀与有机流体感的 blob 形状元素专为「信息密度较高、需要保持视觉活力」的整页演示而设计。适用场景Scenario生产力主题演讲Productivity talks、技术工作坊tech workshops、动机 / 自我提升内容、创业路演startup pitches。氛围Mood充满能量、现代、生产力导向、鲜艳活力。基调Tone深海军蓝底 多色霓虹点缀。在 INDEX.md 的 52 套风格目录中它被归入Dark Palette组Quick Lookup 表中「Productivity / Motivation」场景的推荐条目正是dark--neon-productivity与dark--cyber-future其索引登记的三原色三元组为bg / fg / accent #0B0F1A / #2BE4A8 / #FFB020与 style.md 的色板完全一致。二、色板详解深底 四色霓虹的系统化用法style.md 给出了完整 7 色色板这是整套风格的「颜色宪法」务必逐项继承名称Name十六进制Hex用途UsageBackground#0B0F1A深海军蓝 / 近黑画布底色Primary#2BE4A8亮青绿色用于主要点缀Secondary#FFB020暖橙色支撑性元素Accent blue#5B6CFF鲜艳蓝紫色高亮Accent pink#FF4D6D粉红色强调Primary text#FFFFFF白色主文字Secondary text#B0B8C8浅蓝灰次级文字在成品构建脚本 build.sh 中可以看到这 7 色的具体落位如background0B0F1A、bg-blob-1填充2BE4A8、bg-blob-2填充FFB020、bg-slab填充5B6CFF、bg-dot填充FF4D6D说明主色#2BE4A8承担约六成视觉重量橙 / 蓝紫 / 粉三色只以低透明度opacity 0.05–0.18作为氛围层出现正文一律#FFFFFF/ 次级文字#B9C6D6/ 弱文字#7F93AA后两者是#B0B8C8的实战化变体。这套深色底 霓虹点缀的用法与 Morph 设计规范 pptx-design.md 中的对比度铁律相互印证深色背景亮度 128上正文亮度必须 ≥ 80%该文件给出了可复算的亮度公式Brightness (R × 299 G × 587 B × 114) / 1000——#0B0F1A亮度极低因此正文必须用#FFFFFF、#CADCFC这类高亮色这正是本风格正文全部为白色的底层原因。同时pptx-design.md 规定了 morph 舞台风格的三层颜色层级背景填充 → 场景演员 → 内容文字 / 数据 / KPI 最弱 中等 最强配套的透明度区间也直接对应到 build.sh 的取值≤ 0.12用于全片装饰本风格背景 blob 的 0.05–0.10 正属此类、0.3–0.6用于证据 / 数据背板。注意 build.sh 中eviA-bg / eviB-bg / eviC-bg三个证据卡使用了#102A2C / #2C2310 / #2C1020三个低亮度色相底 对应霓虹描边line2BE4A8 / FFB020 / FF4D6D属于在深色画布上再叠一层深色卡片的处理靠描边而非填充来传达色彩信息。三、字体方案style.md 的字体表非常简洁中文环境使用单一字体家族元素Element字体Font标题Title, CNPingFang SC正文Body, CNPingFang SC在 build.sh 中所有文本形状均显式声明font:PingFang SC并在每个形状上显式设置字号hero 主标题 72pt、陈述页主句 56pt、章节标题 36–40pt、卡片标题 28pt、说明文字 16pt、弱注释 14pt未依赖主题继承——这与 officecli-pptx 的「显式字阶勿依赖主题默认值」要求一致标题 ≥ 36pt、正文 ≥ 18pt、标题 ≥ 2×正文。其中hero-title72pt /hero-subtitle36pt /hero-tagline18pt 恰好满足标题 ≥ 2×正文的视觉递进。若需中英混排pptx-design.md 推荐 Montserrat 思源黑体Source Han Sans作为形态舞台的备选方案。四、设计技法清单style.md 列出的设计技法可以逐条在 build.sh 中找到对应实现Blob-shaped scene actors流体 blob 场景演员bg-blob-1presetellipse14×14cm2BE4A8、bg-blob-212×12cmFFB020在每页以不同位置、尺寸、透明度出现是「有机感」的来源。多色霓虹点缀绿、橙、蓝、粉2BE4A8 / FFB020 / 5B6CFF / FF4D6D四色贯穿全片背景与强调元素。Slab 与 chip 装饰块bg-slabroundRect蓝紫带rotation10与bg-chiproundRect橙色提供硬朗几何对比。7 页完整结构 时间线第 4 页 timeline 是色彩编码系统的演示核心详见第六节。Ring 与 dot 小点缀bg-ringellipsefill000000近透明 line2BE4A8霓虹描边与bg-dot1.4cm 粉色圆点。深色背景 霓虹高对比整片#0B0F1A画布衬托霓虹色。五、7 页页面结构一页一型节奏递进style.md 明确规定了 7 页版式序列每页 41 个元素该数字为 style.md 记录的版本build.sh 中各页因克隆继承与新增内容不同实际 shape 数量在 51–56 之间递增页码版式类型元素数说明1hero41标题 霓虹 blob 装饰元素2statement41居中陈述句 形态演进的场景演员3pillars41多栏布局呈现核心概念4timeline41横向流程 色彩编码步骤5evidence41霓虹点缀的数据框6quote41强调性引言页7cta41收尾行动号召页这一序列与 decision-rules.md 中problem_solution叙事结构hero → statement → pillars → evidence → cta高度吻合实际又穿插了 timeline 与 quote 两页作为节奏调节。这套 7 页结构正好落在 decision-rules.md 推荐的「标准演示 5–8 页」区间内。六、从 build.sh 看完整实现Morph 演员系统与幽灵位机制该风格配套的构建脚本 build.sh 是理解整套实现的关键。脚本整体流程为officecli create建文件 → 第 1 页完整布局 → 后续每页officecli add --from /slide[N]克隆上一页 → 用officecli batch批量set重定位。其核心机制可归纳为三条1. 背景演员跨页漂移Scene Actor 机制第 1 页的 8 个背景形状shape[1]–shape[8]blob×2、slab、line×2、dot、ring、chip在后续每一页都被set新的坐标、尺寸、填充与透明度。例如bg-blob-1从第 1 页的x0cm, y0cm, 14×14, fill2BE4A8, opacity0.10漂移到第 2 页的x0cm, y8cm, 16×16, fill5B6CFF, opacity0.08对应shape[1]再到第 3 页的12×12, opacity0.06——这正是 Morph 的同名跨页配对插值PowerPoint 依据相邻两页中name完全一致的形状自动插值其位置 / 尺寸 / 旋转 / 填充 / 透明度参见 SKILL.md §What is Morph?。第 6 页shape[5]与shape[8]被直接推到x36cm实现「退场」动画。2. 内容预置幽灵位逐页唤醒Ghost 机制所有内容形状标题、陈述、支柱卡片、时间线、证据、引言、CTA在第 1 页创建时坐标全部预置为x36cm画布右缘之外即幽灵位。克隆到后续页后仅把「本页需要的内容」set回可见区域。例如statement-mainshape[12]从x36cm唤醒到第 2 页的x3.2cm, y7.2cm而第 3 页再把它推回x36cm同理pillars三栏shape[14]–[23]在第 3 页被唤醒第 4 页全部推回x36cm。这种「先幽灵、后唤醒」的模式就是 SKILL.md 强调的ghost discipline——不删除形状而是移到画布外让退场动画依然可播放。3. 顺序索引 批量操作Index Mechanics克隆页继承上一页全部形状后新增内容从下一个索引号继续编号。第 4 页时间线的step1-num / step2-num / step3-num / step4-num分别填充2BE4A8 / FFB020 / 5B6CFF / FF4D6D四种霓虹色圆点前两个内部文字0B0F1A后两个FFFFFF配合横向 4 栏标题与描述演示了「色彩编码步骤」这一技法。第 5 页证据页则是eviA-bg19.2cm 大卡 64pt 数字「≤20 次/天」与eviB-bg / eviC-bg两个 11.1cm 半高卡的非对称布局符合 pptx-design.md 中 evidence 页「1 大 1 中opacity 0.3–0.6 允许用于数据背板」的版式规范。每页set前先{command:set,path:/slide[N],props:{transition:morph,...}}即每页都显式挂上transitionmorph——没有这一项动画会静默退化为淡入淡出。脚本末尾通过python3 ../../morph-helpers.py final-check $OUT做结构校验即 morph-helpers.py 提供的final-check命令统计x ≥ 34cm的幽灵形状数量超过阈值则报 REJECT整条链路可以一键重跑。七、实操如何复刻与改造这套风格style.md 明确指出完整构建脚本见build.sh并建议重点阅读Slide 1hero——霓虹 blob 场景演员奠定活力有机美学Slide 4timeline——横向流程 色彩编码步骤演示多色点缀系统。改造四步法依据 SKILL.md §Style library lookup workflow先读 style.md 获取设计意图色板、字阶、技法需要品牌色快速匹配时查阅 INDEX.md 的 Quick Lookup 十六进制列参考 build.sh 学习技法配色逻辑、演员编排、幽灵位节奏在自己的画布上按 pptx-design.md 的网格数学33.87×19.05cm、边距 ≥ 1.27cm、间距 ≥ 0.76cm重新排版。关键注意事项不要照抄 build.sh 的坐标。据 INDEX.md 的公开说明各风格 build.sh 的坐标是为各自 demo 内容手工调优的存在文字重叠、布局错位等排版问题官方建议「学习思路不要复制代码」。保留幽灵位纪律每个!!前缀形状一旦出现就会持续存在于后续所有 morph 页除非显式推到x36cm内容形状务必「前一页的推到画布外本页的新内容才唤醒」。渲染器限制Morph 动画是运行时特性需在 PowerPoint 365 / Keynote / WPS 中查看LibreOffice 与多数网页预览器只会渲染为静态或淡入淡出属渲染器限制而非脚本缺陷。Shell 引号批量操作推荐使用cat JSON | officecli batch的单引号 heredoc 形式避免$、!!、#被 shell 展开本风格 build.sh 即采用该写法是最安全的批处理范式。按照以上方法你可以把「深海军蓝 四色霓虹 blob 有机演员 幽灵位节奏」这套设计语言迁移到任意生产力、工作坊或创业路演主题的 Morph 演示中而 7 页 hero → statement → pillars → timeline → evidence → quote → cta 的节奏骨架也可直接复用为内容大纲。赞分享CLIAI 应用MCP 服务【免费下载链接】OfficeCLIOfficeCLI is the first and best Office suite purpose-built for AI agents to read, edit, and automate Word, Excel, and PowerPoint files. Free, open-source, single binary, no Office installation required.项目地址https://gitcode.com/GitHub_Trending/of/OfficeCLI点击查看免费下载相关推荐OfficeCLI Morph-PPT 风格库源码拆解dark--neon-productivity 霓虹生产力主题的设计体系与构建脚本OfficeCLI Morph PPT 风格库源码拆解dark neon productivity 霓虹生产力主题的设计体系与构建脚本 导读 本文深入解析 O人工智能AI 应用AI 技能CLIMCP 服务用 OfficeCLI 打造 Energy Neon 风格 Morph 演示文稿霓虹编辑部式跨页动效实战指南用 OfficeCLI 打造 Energy Neon 风格 Morph 演示文稿霓虹编辑部式跨页动效实战指南 OfficeCLI 的 morph ppt 技能人工智能AI 应用AI 技能CLIMCP 服务tsParticles Neon Palette 实战指南用 Vibrant Neon 调色板打造霓虹粒子背景tsParticles Neon Palette 实战指南用 Vibrant Neon 调色板打造霓虹粒子背景 本指南围绕 tsParticles 官方调色板前端上一篇Win11Debloat 免费一键 Windows 11 系统优化开机从 45 秒到 21 秒下一篇三步把群晖 NAS 套件搬到别的存储卷Synology App Mover 完整指南创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考