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点击查看免费下载本文以skills/morph-ppt/reference/styles/INDEX.md风格索引为骨架讲解如何在 OfficeCLI morph-ppt 技能中基于主题与品牌色快速挑选视觉风格、读取设计哲学、借鉴实现技法并把选型结果落地为带 Morph 转场动画的 PPTX。读完本文你将掌握索引表的定位与使用流程、六大色板分类与场景速查逻辑、style.md 与 build.sh 的正确读法以及从风格选型到最终交付的完整链路。一、风格索引是什么Agent 的查表入口INDEX.md是整个 52 风格视觉库的「查表入口」。它本身不是设计模板而是一张供 Agent或人在拿到用户主题后快速定位参考风格的决策表。索引头部对它的用法做了明确定义The Agent uses this table to quickly select a reference style based on the topic. After selecting, readdirectory/style.mdto understand the design philosophy; readbuild.shwhen you need an implementation reference.也就是说选择流程是三步走的按主题查表——根据话题、受众、情绪从INDEX.md的表格中选定 1 个风格目录style-id读设计哲学——打开skills/morph-ppt/reference/styles/style-id/style.md理解该风格的配色逻辑、字体层级与标志性元素看实现参考——需要写码时再打开同目录的build.sh借鉴其配色、图形与 Morph 编排手法。整个索引工作流由 skills/morph-ppt/SKILL.md 的「Style library lookup workflow」一节统辖本文即对该索引及配套文件展开详解。二、三条使用铁律学方法不抄代码索引头部有一段「Important Notice」是全库使用的总纲必须原样遵守build.sh仅供设计技法参考配色方案、形状用法、Morph 编排手法它不是可直接复制到生产 deck 的成品代码部分脚本存在文字重叠、排版错位等版式问题——切勿逐字照抄坐标和尺寸。这些脚本的坐标是针对各自 demo 内容长度手工调校的换一批内容照搬必然错位生成时必须遵循skills/morph-ppt/reference/pptx-design.md的设计原则文字可读性、间距、对齐等核心态度学习思路approach不要复制代码。这条「只学思路」的红线在 skills/morph-ppt/reference/pptx-design.md 中被再次强调「Usereference/styles/for inspiration (palette signature gesture),notfor coordinates」——视觉库的价值在于调色板选择、标志性手势signature gesture与编排逻辑而最终坐标必须用你自己的网格数学重新计算。三、Primary hex 三色列的含义索引表格中的Primary hex 列是每个风格最核心的三色取样格式为bg / fg / accent背景 / 前景 / 强调色来源是各风格build.sh中抽取的实际色值。它的用途在表头注明Use this to eyeball-match a user-specified brand color before opening anystyle.md.即如果用户给出了品牌色先扫这一列找最接近的色值组合而不用逐个打开每个 style.md。例如用户指定了深海军蓝dark--premium-navy的#0C1B33 / #C9A84C / #1E3A5F就是可直接匹配的候选。值为-表示该风格只有 style.md、没有 build.sh无法抽取色值例如dark--tech-cosmos、dark--obsidian-amber、light--glassmorphism-vc、mixed--spectral-grid等。这类风格仍需通过阅读 style.md 来获取设计意图。四、六大色板全索引索引把全部风格按「明暗 情绪」划分为Dark深色、Light浅色、Warm暖色、Vivid鲜艳、Black White黑白、Mixed混合六个色板。下表为各色板的完整目录目录名 / 风格名 / 主色三连 / 最佳适用场景 / 情绪气质。4.1 Dark Palette深色系目录风格名主色 (bg / fg / accent)最佳适用情绪dark--liquid-flowLiquid Light#0F0F2D / #6C63FF / #48E5C2品牌升级、创意发布、时尚秀场流动、梦幻、前卫dark--premium-navyPremium Navy Gold#0C1B33 / #C9A84C / #1E3A5F高端企业、年度战略、董事会汇报权威、精致、高端dark--investor-pitchInvestor Pitch Pro#1A1A2E / #0F3460 / #16213E投资人路演、融资 deck、商业计划书专业、可信、沉稳dark--cosmic-neonCosmic Neon#050510 / #8A2BE2 / #00FFFF科学演讲、未来主题、物理、宇宙科幻、神秘、未来感、霓虹dark--editorial-storyEditorial Magazine Story#FFFFFF / #2C3E50 / #E74C3C品牌叙事、杂志编辑、内容发布叙事性、艺术感、高级dark--tech-cosmosTech Cosmos-技术演讲、架构评审、科学汇报未来感、科学、宇宙dark--blueprint-gridBlueprint Grid#1B3A5C / #4A90D9 / #FFFFFF技术规划、工程蓝图、系统架构精确、专业、工程感dark--diagonal-cutDiagonal Industrial Cut#1A1A1A / #FF6600 / #FFCC00工业、工程、建筑、制造粗犷、有力、大胆dark--spotlight-stageSpotlight Stage#0A0A0A / #FFFFFF / #FFE0B2主题演讲、发布活动、TED 式演讲、晚宴戏剧化、聚焦、舞台感dark--cyber-futureCyber Future#0B0C10 / #66FCF1 / #1F2833未来主题、技术愿景、赛博朋克、AI/机器人未来感、赛博朋克、沉浸dark--circle-digitalDark Digital Agency#0D0E11 / #171A20 / #22252E数字营销、创意代理商、科技公司现代、暗冷调、数字感dark--architectural-planArchitectural Plan#FFFFFF / #18293B / #B5D5E3建筑设计、商业规划、地产开发专业、结构化、建筑感dark--luxury-minimalLuxury Minimal#111111 / #D4AF37 / #FFFFFF奢侈品牌、高端产品、企业高层奢华、极简、考究dark--space-odysseySpace Odyssey#0A0E27 / #1E3A5F / #4A5FFF太空/天文、科普、探索叙事宇宙感、启发、史诗dark--neon-productivityNeon Productivity#0B0F1A / #2BE4A8 / #FFB020效率演讲、技术工作坊、激励、创业能量感、现代、活力dark--midnight-blueprintMidnight Blueprint#080B2A / #181B55 / #131650建筑事务所、专业服务、高端地产考究、建筑感、高端dark--sage-grainSage Grain#1E2720 / #FFFFFF / #D9B88F创意代理商、精品咨询、有机品牌有机、考究、匠人感dark--obsidian-amberObsidian Amber-金融、投资、高端服务、精品咨询高端、考究、有力dark--velvet-roseVelvet Rose-奢侈品牌、高端时尚、高端零售奢华、优雅、精致dark--aurora-softedgeAurora Softedge-设计作品集、创意展示、画廊极光般、梦幻、艺术4.2 Light Palette浅色系目录风格名主色 (bg / fg / accent)最佳适用情绪light--minimal-corporateMinimal Corporate Report#FFFFFF / #E8EEF4 / #1E3A5F年报、工作总结、商业提案专业、干净、沉稳light--minimal-productMinimal Product Showcase#FAFAFA / #00B894 / #2D3436产品发布、技术展示、品牌引入现代、极简、高端light--project-proposalProject Proposal#E8EEF4 / #1E3A5F / #D4A84B项目启动、商务提案、投标演示专业、可信、严谨light--bold-typeBold Typography#F2F2F2 / #1A1A1A / #E8E8E8编辑排版、杂志风、品牌手册大胆、现代、编辑感light--isometric-cleanIsometric Clean Tech#F0F4F8 / #E8ECF1 / #4A90D9科技产品、SaaS 平台、数据展示清新、现代、技术感light--spring-launchSpring Launch Fresh#E8F5E9 / #4CAF50 / #8BC34A春季发布、新品上市、季节营销清新、自然、活力light--training-interactiveInteractive Training#FFF9E6 / #FF6B6B / #4ECDC4企业培训、在线课程、知识分享教育感、互动、友好light--watercolor-washWatercolor Wash#FFFDF7 / #7AADCF / #E8A87C艺术、文创、茶道、婚礼柔和、诗意、艺术light--firmwise-saasFirmwise SaaS#EFF2F7 / #7B3FF2 / #FFFFFFSaaS 平台、效率工具、B2B 软件干净、高效、可信light--glassmorphism-vcGlassmorphism VC-VC 基金、投资 deck、金融科技、创业路演现代、高端、考究light--fluid-gradientFluid Gradient-AI/科技产品、SaaS 平台、现代软件流动、科技前瞻、动态4.3 Warm Palette暖色系目录风格名主色 (bg / fg / accent)最佳适用情绪warm--earth-organicEarth Sage#F5F0E8 / #8B6F47 / #A8C686环保、可持续发展、有机品牌温暖、真诚、自然warm--minimal-brandMinimal Brand-品牌引入、产品发布、高端品牌展示温暖、精致、极简warm--brand-refreshBrand Refresh#F5F0E8 / #162040 / #1A6BFF品牌发布、企业形象更新、创意提案时尚、多彩、现代warm--creative-marketingCreative Marketing-营销战役、广告创意、海报式 PPT大胆、有冲击力、表现力warm--playful-organicPlayful Organic#FFF8E7 / #3D3B3C / #FFFFFF生活方式、宠物/动物、儿童教育、叙事温暖、俏皮、友好warm--sunset-mosaicSunset Mosaic-工程、基础设施、B2B 企业、建筑专业、温暖、落地warm--coral-cultureCoral Culture-企业文化 deck、HR 汇报、团队展示温暖、文化感、以人为本warm--monument-editorialMonument Editorial-建筑、奢侈品牌、编辑杂志、工作室品牌纪念碑感、精致、排印感warm--vital-bloomVital Bloom-健康类 App、瑜伽馆、正念生活、有机品牌有机、活力、健康warm--bloom-academyBloom Academy-教育、在线学习、儿童内容、俏皮品牌俏皮、教育感、友好4.4 Vivid Palette鲜艳系目录风格名主色 (bg / fg / accent)最佳适用情绪vivid--candy-stripeRainbow Candy Stripe#FFFFFF / #FF5252 / #FF7B39庆典、节日、儿童教育欢乐、活泼、彩虹vivid--playful-marketingVibrant Youth Marketing#FFFFFF / #FF6B6B / #4ECDC4营销战役、新品推广、销售活动年轻、有活力、热情vivid--energy-neonEnergy Neon#E8E8E8 / #00FF41 / #111111大会、能源峰会、科技活动、编辑能量感、冲击力、现代vivid--pink-editorialPink Editorial#160B33 / #7B2D52 / #C85080年报、数据新闻、编辑展示当代、编辑感、大胆vivid--bauhaus-electricBauhaus Electric-创意代理商、设计工作室、大胆品牌大胆、能量感、电力感4.5 Black White Palette黑白系目录风格名主色 (bg / fg / accent)最佳适用情绪bw--mono-lineMinimal Line#FFFFFF / #1A1A1A / #C8C8C8极简企业、学术报告、咨询提案平静、克制、专业bw--swiss-bauhausSwiss Bauhaus#E63322 / #1C1C1C / #F5F5F5设计代理商、建筑事务所、艺术展理性、严谨、经典bw--brutalist-rawBrutalist Raw#FFFFFF / #000000 / #FF0000前卫艺术展、实验设计、独立品牌叛逆、粗犷、冲击bw--swiss-systemSwiss System#FFFFFF / #000000 / #FF0000企业、金融、咨询、专业服务干净、系统化、大胆4.6 Mixed Palette混合系目录风格名主色 (bg / fg / accent)最佳适用情绪mixed--duotone-splitDuotone Split#FFFFFF / #2D3436 / #E17055品牌发布、建筑设计、高端展示大胆、建筑感、极简mixed--chromatic-aberrationChromatic Aberration#050814 / #0A1030 / #00F5E4科技创业、AI 平台、创意科技未来感、故障风、赛博mixed--bauhaus-blocksBauhaus Color Block#F0EBE0 / #1D5C38 / #F4C040创意工作室、设计作品集、品牌代理大胆、现代主义、几何mixed--spectral-gridSpectral Grid-创意科技、创新展示、设计大会活力、创新、实验性注SKILL.md 将本库描述为「52 个视觉风格目录」INDEX.md 表格按六个色板列出的条目即为全库目录其中dark--tech-cosmos在索引中列出对应目录内仅含 style.md。数量口径以各文件自身说明为准。五、场景速查表按 Use Case 直接命中索引末尾提供了「按使用场景推荐」的速查表这是日常使用频率最高的部分——无需从色板逐行筛选直接按业务场景定位。完整继承如下使用场景推荐风格技术 / AI / SaaSdark--tech-cosmos, dark--cyber-future, light--isometric-clean, mixed--chromatic-aberration, light--firmwise-saas, light--fluid-gradient投资 / 路演 / 融资dark--investor-pitch, dark--premium-navy, light--project-proposal, light--glassmorphism-vc, dark--obsidian-amber企业 / 商务 / 报告light--minimal-corporate, light--minimal-product, dark--premium-navy, vivid--pink-editorial, warm--sunset-mosaic, warm--coral-culture品牌 / 发布 / 营销warm--brand-refresh, warm--creative-marketing, vivid--playful-marketing, warm--minimal-brand, vivid--bauhaus-electric设计 / 建筑 / 艺术bw--swiss-bauhaus, bw--brutalist-raw, dark--architectural-plan, mixed--duotone-split, dark--midnight-blueprint, mixed--bauhaus-blocks, dark--aurora-softedge, warm--monument-editorial教育 / 培训 / 课件light--training-interactive, warm--playful-organic, vivid--candy-stripe, warm--bloom-academy主题演讲 / 发布 / 晚宴dark--spotlight-stage, dark--liquid-flow, vivid--energy-neon创意代理 / 工作室dark--sage-grain, mixed--bauhaus-blocks, dark--circle-digital, vivid--bauhaus-electric, mixed--spectral-grid开发者 / 技术向dark--cyber-future, dark--blueprint-grid, dark--tech-cosmos环保 / 自然 / 有机warm--earth-organic, warm--minimal-brand, light--spring-launch文创 / 杂志 / 叙事dark--editorial-story, light--watercolor-wash, light--bold-type, warm--monument-editorial科幻 / 太空 / 未来dark--space-odyssey, dark--cosmic-neon, dark--cyber-future奢侈 / 高端dark--luxury-minimal, dark--premium-navy, warm--minimal-brand, dark--velvet-rose效率 / 激励dark--neon-productivity, dark--cyber-future健康 / 生活方式warm--vital-bloom, warm--playful-organic, light--spring-launch金融 / 投资dark--obsidian-amber, dark--investor-pitch, light--glassmorphism-vc六、深度拆解dark--premium-navy 从 style.md 到 build.sh为说明「索引 → style.md → build.sh」三级结构如何协作这里以被速查表反复推荐的dark--premium-navy为例做完整拆解。6.1 style.md设计哲学的载体styles/dark--premium-navy/style.md 定义了完整的视觉语言核心是深海军蓝基底 金色高光 钢蓝辅助色板Deep Navy0C1B33背景、Rich GoldC9A84C金色水平线/边框/圆点/数字高亮、Pure WhiteFFFFFF标题、Mid Navy1E3A5F竖线与边框、Steel Blue8EACC1强调圆与描述文字、Navy Emphasis2C4F7C卡片背景字体层级主标题 Segoe UI Black 60pt 白、副标题 Segoe UI Light 24pt 金、卡片编号 48pt 金、正文描述 Segoe UI Light 14pt 钢蓝、数据数字 54–64pt 白设计技法金色细线分隔高 0.08cm、半透明roundRect卡片opacity 0.12–0.45、金色圆点锚点opacity 0.6/0.3、深底白标题金副标题的高对比层级以及Morph 动画——金线与边框在页面间重排边框变形为数据区背景场景元素表列出 8 个带!!前缀的场景演员!!bar-gold、!!bar-navy、!!frame-gold、!!frame-navy、!!accent-gold、!!accent-steel、!!dot-gold、!!dot-white并给出各自 preset、fill、opacity 与典型尺寸页面结构5 页Hero → Statement → 3 列 Pillars → Metrics → CTA第 2–5 页设transitionmorph。style.md 的尾部会提示「Complete build script is inbuild.sh」并推荐精读 2–3 个代表性页面如 Slide 3 的 frames 变卡片背景、Slide 4 的 frames 放大变色为数据背景。6.2 build.sh只学技法不抄坐标styles/dark--premium-navy/build.sh 是完整可运行的 demo 脚本其核心手法值得借鉴OFFSCREEN36cm常量——所有尚未登场的卡片元素!!card-1-num、!!card-1-title、!!card-1-desc等在 Slide 1 就以x36cm离场放置之后通过set ... --prop x3.2cm分页拉回舞台。这正是 morph 的「ghost 出场」模式officecli add ... / --from /slide[1]克隆上一页officecli set ... --prop transitionmorph是构造 morph 相邻页的标准两步按 shape 索引精确定位officecli set /slide[2]/shape[1] --prop x2cm ...逐个移动场景演员的位置与尺寸实现页间位移如金线从中央横线移到 y9.5cm圆点绕场——这是「morph 对」的编排核心文字占位与换页shape[9]/shape[10]承担每页标题与副标题的角色切换Hero 页 60pt 标题 → Statement 页 54pt → Pillars 页 40pt 左对齐 → Metrics 页 36pt → CTA 页 60pt 居中Slide 5 把所有指标形状统一--prop text --prop x${OFFSCREEN}收场。必须再次强调build.sh中的坐标是为该 demo 内容手工调校的且索引明确提示部分脚本存在重叠/错位问题。正确用法是吸收其「离场待命 克隆设 morph 索引位移」的编排逻辑套用你自己的网格数据。七、对照样本warm--earth-organic 的差异化设计同为 5 页结构styles/warm--earth-organic/style.md 展示了完全不同的设计语言——暖羊皮纸底 有机椭圆 圆角矩形的自然叙事10 色大地色板Warm ParchmentF5F0E8、Warm Brown8B6F47、Sage GreenA8C686、TerracottaD4956B、Sandy GoldC2A878、Forest Green6B8E6B等8 个有机场景演员!!leaf-brown/!!leaf-sage椭圆模拟叶片、!!stone-terra/!!stone-sandroundRect 模拟石块、!!seed-forest/!!seed-cream种子、!!pebble-1/!!pebble-2鹅卵石全部带 0.12–0.5 的低透明度分层叠加制造自然肌理核心 morph 手法有机形状缓慢漂移缩放Slide 3 三枚形状变形为 roundRect 卡片背景Slide 4 形状放大为数据区背景。对比两个样本可清晰看到本库的设计哲学色板定情绪、形状定语言、透明度定层次、morph 编排定叙事节奏——这正是索引「按情绪查表」背后的逻辑。八、从索引到成稿四步查表工作流SKILL.md 的「Style library lookup workflow」把索引的用法固化为四步确保 Agent 不把库当模板抄浏览索引按色板分类与情绪定位风格用 Primary hex 列匹配用户品牌色选出 1 个匹配主题情绪或对齐 hex 的风格读设计哲学打开skills/morph-ppt/reference/styles/style-id/style.md理解设计意图字体配对、色彩逻辑、标志性元素扫一眼技法仅在需要实现参考时打开build.sh借鉴标志形状、色值与编排思路——坐标已知有 bug不要复制在自己的画布上落地用 pptx v2 的网格数学33.87 × 19.05cm、边距 ≥ 1.27cm、间距 ≥ 0.76cm、负空间 ≥ 20%与视觉底限重建布局只借用色板与标志性手势。与之配套skills/morph-ppt/reference/decision-rules.md 提供了风格选择的原则匹配主题情绪企业≠俏皮科技≠有机、跨项目轮换避免连续 deck 重复同一色板家族、考虑六大分类、倾向「意料之外但合适」的组合、在brief.md中具名指定写「warm--earth-organic palette」而非「warm tones」。九、选型之后风格如何落地为 morph 设计索引只管「选风格」落地的设计约束由 skills/morph-ppt/reference/pptx-design.md 统辖选型后必须遵守的要点包括对比度优先永远计算不靠目测亮度公式(R×299 G×587 B×114)/1000深底亮度 128正文亮度需 ≥ 80%浅底正文亮度 ≤ 20%三层色彩层级背景填充 → 场景演员 → 内容由弱到强场景演员透明度按用途分档全 deck 装饰 ≤ 0.12、数据衬底 0.3–0.6、本身就是内容的演员才用 0.8–1.0morph 字号高一档封面标题 54–72pt、小节标题 28–40pt、正文 18–24pt、脚注不低于 13pt文本框尽量加宽避免 morph 插值时文字换行「倾斜」场景演员命名三前缀!!scene-*跨全 deck 的装饰几乎不 ghost、!!actor-*跨小节演进的内容退出页必须 ghost 到x36cm、#sN-*每页内容下一页必须 ghostmorph 配对硬规则相邻页至少 3 个不同的!!前缀形状各变化 ≥ 1 项属性且位移 ≥ 5cm 或旋转 ≥ 15° 或尺寸差 ≥ 30%否则退化为纯淡入淡出。整套规则由 skills/morph-ppt/SKILL.md 中的 Delivery Gate 1–5a 与 Gate 5b-morph-1..4 自动校验多页故事弧线可用 reference/morph-helpers.py或 shell 版 reference/morph-helpers.sh的clone / ghost / verify / final-check命令批量构建并自检。十、相关资源地图资源路径用途风格索引skills/morph-ppt/reference/styles/INDEX.md全库查表入口本文主体morph 技能总纲skills/morph-ppt/SKILL.md命名三前缀、ghost 纪律、Delivery Gate风格选型决策skills/morph-ppt/reference/decision-rules.md受众/目的/叙事推断与 brief.md 产出morph 设计约束skills/morph-ppt/reference/pptx-design.md对比度、字号、场景演员与页面类型构建辅助Pyskills/morph-ppt/reference/morph-helpers.pyclone/ghost/verify/final-check/clean-accumulation构建辅助Shellskills/morph-ppt/reference/morph-helpers.sh同上bash 版样板风格深色styles/dark--premium-navy/style.md 与 build.sh高端企业叙事范例样板风格暖色styles/warm--earth-organic/style.md 与 build.sh自然有机叙事范例pptx 基础规则skills/officecli-pptx/SKILL.md视觉底限、网格、图表选择、连接器规范总结INDEX.md是 52 风格视觉库的导航中枢它以「色板 × 情绪 × 场景」三个维度组织全部风格用 Primary hex 三色列支持品牌色秒匹配用 Quick Lookup 表支持场景直达而真正把索引变成本地产物需要遵循「学方法不抄坐标」的纪律以 style.md 取设计哲学、以 build.sh 取编排技法最终用 pptx-design.md 与 SKILL.md 的约束在自己的画布上重建布局——这套「查表 → 读哲学 → 借技法 → 自重建」的工作流正是 OfficeCLI morph-ppt 技能中风格系统的正确打开方式。赞分享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 风格库索引INDEX.md如何为演示文稿快速选定视觉风格OfficeCLI Morph PPT 风格库索引INDEX.md如何为演示文稿快速选定视觉风格 在 OfficeCLI 的 morph ppt 技能中人工智能AI 应用AI 技能CLIMCP 服务OfficeCLI Morph-PPT 风格库实战Fluid Gradient 流动渐变风格设计与实现指南OfficeCLI Morph PPT 风格库实战Fluid Gradient 流动渐变风格设计与实现指南 本文围绕 OfficeCLI morph pptCLIAI 应用MCP 服务OfficeCLI Morph-PPT 风格库实战dark--liquid-flow 液体流光视觉风格深度解析与构建还原OfficeCLI Morph PPT 风格库实战dark liquid flow 液体流光视觉风格深度解析与构建还原 dark liquid flowLiCLIAI 应用MCP 服务创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
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点击查看免费下载本文以skills/morph-ppt/reference/styles/INDEX.md风格索引为骨架讲解如何在 OfficeCLI morph-ppt 技能中基于主题与品牌色快速挑选视觉风格、读取设计哲学、借鉴实现技法并把选型结果落地为带 Morph 转场动画的 PPTX。读完本文你将掌握索引表的定位与使用流程、六大色板分类与场景速查逻辑、style.md 与 build.sh 的正确读法以及从风格选型到最终交付的完整链路。一、风格索引是什么Agent 的查表入口INDEX.md是整个 52 风格视觉库的「查表入口」。它本身不是设计模板而是一张供 Agent或人在拿到用户主题后快速定位参考风格的决策表。索引头部对它的用法做了明确定义The Agent uses this table to quickly select a reference style based on the topic. After selecting, readdirectory/style.mdto understand the design philosophy; readbuild.shwhen you need an implementation reference.也就是说选择流程是三步走的按主题查表——根据话题、受众、情绪从INDEX.md的表格中选定 1 个风格目录style-id读设计哲学——打开skills/morph-ppt/reference/styles/style-id/style.md理解该风格的配色逻辑、字体层级与标志性元素看实现参考——需要写码时再打开同目录的build.sh借鉴其配色、图形与 Morph 编排手法。整个索引工作流由 skills/morph-ppt/SKILL.md 的「Style library lookup workflow」一节统辖本文即对该索引及配套文件展开详解。二、三条使用铁律学方法不抄代码索引头部有一段「Important Notice」是全库使用的总纲必须原样遵守build.sh仅供设计技法参考配色方案、形状用法、Morph 编排手法它不是可直接复制到生产 deck 的成品代码部分脚本存在文字重叠、排版错位等版式问题——切勿逐字照抄坐标和尺寸。这些脚本的坐标是针对各自 demo 内容长度手工调校的换一批内容照搬必然错位生成时必须遵循skills/morph-ppt/reference/pptx-design.md的设计原则文字可读性、间距、对齐等核心态度学习思路approach不要复制代码。这条「只学思路」的红线在 skills/morph-ppt/reference/pptx-design.md 中被再次强调「Usereference/styles/for inspiration (palette signature gesture),notfor coordinates」——视觉库的价值在于调色板选择、标志性手势signature gesture与编排逻辑而最终坐标必须用你自己的网格数学重新计算。三、Primary hex 三色列的含义索引表格中的Primary hex 列是每个风格最核心的三色取样格式为bg / fg / accent背景 / 前景 / 强调色来源是各风格build.sh中抽取的实际色值。它的用途在表头注明Use this to eyeball-match a user-specified brand color before opening anystyle.md.即如果用户给出了品牌色先扫这一列找最接近的色值组合而不用逐个打开每个 style.md。例如用户指定了深海军蓝dark--premium-navy的#0C1B33 / #C9A84C / #1E3A5F就是可直接匹配的候选。值为-表示该风格只有 style.md、没有 build.sh无法抽取色值例如dark--tech-cosmos、dark--obsidian-amber、light--glassmorphism-vc、mixed--spectral-grid等。这类风格仍需通过阅读 style.md 来获取设计意图。四、六大色板全索引索引把全部风格按「明暗 情绪」划分为Dark深色、Light浅色、Warm暖色、Vivid鲜艳、Black White黑白、Mixed混合六个色板。下表为各色板的完整目录目录名 / 风格名 / 主色三连 / 最佳适用场景 / 情绪气质。4.1 Dark Palette深色系目录风格名主色 (bg / fg / accent)最佳适用情绪dark--liquid-flowLiquid Light#0F0F2D / #6C63FF / #48E5C2品牌升级、创意发布、时尚秀场流动、梦幻、前卫dark--premium-navyPremium Navy Gold#0C1B33 / #C9A84C / #1E3A5F高端企业、年度战略、董事会汇报权威、精致、高端dark--investor-pitchInvestor Pitch Pro#1A1A2E / #0F3460 / #16213E投资人路演、融资 deck、商业计划书专业、可信、沉稳dark--cosmic-neonCosmic Neon#050510 / #8A2BE2 / #00FFFF科学演讲、未来主题、物理、宇宙科幻、神秘、未来感、霓虹dark--editorial-storyEditorial Magazine Story#FFFFFF / #2C3E50 / #E74C3C品牌叙事、杂志编辑、内容发布叙事性、艺术感、高级dark--tech-cosmosTech Cosmos-技术演讲、架构评审、科学汇报未来感、科学、宇宙dark--blueprint-gridBlueprint Grid#1B3A5C / #4A90D9 / #FFFFFF技术规划、工程蓝图、系统架构精确、专业、工程感dark--diagonal-cutDiagonal Industrial Cut#1A1A1A / #FF6600 / #FFCC00工业、工程、建筑、制造粗犷、有力、大胆dark--spotlight-stageSpotlight Stage#0A0A0A / #FFFFFF / #FFE0B2主题演讲、发布活动、TED 式演讲、晚宴戏剧化、聚焦、舞台感dark--cyber-futureCyber Future#0B0C10 / #66FCF1 / #1F2833未来主题、技术愿景、赛博朋克、AI/机器人未来感、赛博朋克、沉浸dark--circle-digitalDark Digital Agency#0D0E11 / #171A20 / #22252E数字营销、创意代理商、科技公司现代、暗冷调、数字感dark--architectural-planArchitectural Plan#FFFFFF / #18293B / #B5D5E3建筑设计、商业规划、地产开发专业、结构化、建筑感dark--luxury-minimalLuxury Minimal#111111 / #D4AF37 / #FFFFFF奢侈品牌、高端产品、企业高层奢华、极简、考究dark--space-odysseySpace Odyssey#0A0E27 / #1E3A5F / #4A5FFF太空/天文、科普、探索叙事宇宙感、启发、史诗dark--neon-productivityNeon Productivity#0B0F1A / #2BE4A8 / #FFB020效率演讲、技术工作坊、激励、创业能量感、现代、活力dark--midnight-blueprintMidnight Blueprint#080B2A / #181B55 / #131650建筑事务所、专业服务、高端地产考究、建筑感、高端dark--sage-grainSage Grain#1E2720 / #FFFFFF / #D9B88F创意代理商、精品咨询、有机品牌有机、考究、匠人感dark--obsidian-amberObsidian Amber-金融、投资、高端服务、精品咨询高端、考究、有力dark--velvet-roseVelvet Rose-奢侈品牌、高端时尚、高端零售奢华、优雅、精致dark--aurora-softedgeAurora Softedge-设计作品集、创意展示、画廊极光般、梦幻、艺术4.2 Light Palette浅色系目录风格名主色 (bg / fg / accent)最佳适用情绪light--minimal-corporateMinimal Corporate Report#FFFFFF / #E8EEF4 / #1E3A5F年报、工作总结、商业提案专业、干净、沉稳light--minimal-productMinimal Product Showcase#FAFAFA / #00B894 / #2D3436产品发布、技术展示、品牌引入现代、极简、高端light--project-proposalProject Proposal#E8EEF4 / #1E3A5F / #D4A84B项目启动、商务提案、投标演示专业、可信、严谨light--bold-typeBold Typography#F2F2F2 / #1A1A1A / #E8E8E8编辑排版、杂志风、品牌手册大胆、现代、编辑感light--isometric-cleanIsometric Clean Tech#F0F4F8 / #E8ECF1 / #4A90D9科技产品、SaaS 平台、数据展示清新、现代、技术感light--spring-launchSpring Launch Fresh#E8F5E9 / #4CAF50 / #8BC34A春季发布、新品上市、季节营销清新、自然、活力light--training-interactiveInteractive Training#FFF9E6 / #FF6B6B / #4ECDC4企业培训、在线课程、知识分享教育感、互动、友好light--watercolor-washWatercolor Wash#FFFDF7 / #7AADCF / #E8A87C艺术、文创、茶道、婚礼柔和、诗意、艺术light--firmwise-saasFirmwise SaaS#EFF2F7 / #7B3FF2 / #FFFFFFSaaS 平台、效率工具、B2B 软件干净、高效、可信light--glassmorphism-vcGlassmorphism VC-VC 基金、投资 deck、金融科技、创业路演现代、高端、考究light--fluid-gradientFluid Gradient-AI/科技产品、SaaS 平台、现代软件流动、科技前瞻、动态4.3 Warm Palette暖色系目录风格名主色 (bg / fg / accent)最佳适用情绪warm--earth-organicEarth Sage#F5F0E8 / #8B6F47 / #A8C686环保、可持续发展、有机品牌温暖、真诚、自然warm--minimal-brandMinimal Brand-品牌引入、产品发布、高端品牌展示温暖、精致、极简warm--brand-refreshBrand Refresh#F5F0E8 / #162040 / #1A6BFF品牌发布、企业形象更新、创意提案时尚、多彩、现代warm--creative-marketingCreative Marketing-营销战役、广告创意、海报式 PPT大胆、有冲击力、表现力warm--playful-organicPlayful Organic#FFF8E7 / #3D3B3C / #FFFFFF生活方式、宠物/动物、儿童教育、叙事温暖、俏皮、友好warm--sunset-mosaicSunset Mosaic-工程、基础设施、B2B 企业、建筑专业、温暖、落地warm--coral-cultureCoral Culture-企业文化 deck、HR 汇报、团队展示温暖、文化感、以人为本warm--monument-editorialMonument Editorial-建筑、奢侈品牌、编辑杂志、工作室品牌纪念碑感、精致、排印感warm--vital-bloomVital Bloom-健康类 App、瑜伽馆、正念生活、有机品牌有机、活力、健康warm--bloom-academyBloom Academy-教育、在线学习、儿童内容、俏皮品牌俏皮、教育感、友好4.4 Vivid Palette鲜艳系目录风格名主色 (bg / fg / accent)最佳适用情绪vivid--candy-stripeRainbow Candy Stripe#FFFFFF / #FF5252 / #FF7B39庆典、节日、儿童教育欢乐、活泼、彩虹vivid--playful-marketingVibrant Youth Marketing#FFFFFF / #FF6B6B / #4ECDC4营销战役、新品推广、销售活动年轻、有活力、热情vivid--energy-neonEnergy Neon#E8E8E8 / #00FF41 / #111111大会、能源峰会、科技活动、编辑能量感、冲击力、现代vivid--pink-editorialPink Editorial#160B33 / #7B2D52 / #C85080年报、数据新闻、编辑展示当代、编辑感、大胆vivid--bauhaus-electricBauhaus Electric-创意代理商、设计工作室、大胆品牌大胆、能量感、电力感4.5 Black White Palette黑白系目录风格名主色 (bg / fg / accent)最佳适用情绪bw--mono-lineMinimal Line#FFFFFF / #1A1A1A / #C8C8C8极简企业、学术报告、咨询提案平静、克制、专业bw--swiss-bauhausSwiss Bauhaus#E63322 / #1C1C1C / #F5F5F5设计代理商、建筑事务所、艺术展理性、严谨、经典bw--brutalist-rawBrutalist Raw#FFFFFF / #000000 / #FF0000前卫艺术展、实验设计、独立品牌叛逆、粗犷、冲击bw--swiss-systemSwiss System#FFFFFF / #000000 / #FF0000企业、金融、咨询、专业服务干净、系统化、大胆4.6 Mixed Palette混合系目录风格名主色 (bg / fg / accent)最佳适用情绪mixed--duotone-splitDuotone Split#FFFFFF / #2D3436 / #E17055品牌发布、建筑设计、高端展示大胆、建筑感、极简mixed--chromatic-aberrationChromatic Aberration#050814 / #0A1030 / #00F5E4科技创业、AI 平台、创意科技未来感、故障风、赛博mixed--bauhaus-blocksBauhaus Color Block#F0EBE0 / #1D5C38 / #F4C040创意工作室、设计作品集、品牌代理大胆、现代主义、几何mixed--spectral-gridSpectral Grid-创意科技、创新展示、设计大会活力、创新、实验性注SKILL.md 将本库描述为「52 个视觉风格目录」INDEX.md 表格按六个色板列出的条目即为全库目录其中dark--tech-cosmos在索引中列出对应目录内仅含 style.md。数量口径以各文件自身说明为准。五、场景速查表按 Use Case 直接命中索引末尾提供了「按使用场景推荐」的速查表这是日常使用频率最高的部分——无需从色板逐行筛选直接按业务场景定位。完整继承如下使用场景推荐风格技术 / AI / SaaSdark--tech-cosmos, dark--cyber-future, light--isometric-clean, mixed--chromatic-aberration, light--firmwise-saas, light--fluid-gradient投资 / 路演 / 融资dark--investor-pitch, dark--premium-navy, light--project-proposal, light--glassmorphism-vc, dark--obsidian-amber企业 / 商务 / 报告light--minimal-corporate, light--minimal-product, dark--premium-navy, vivid--pink-editorial, warm--sunset-mosaic, warm--coral-culture品牌 / 发布 / 营销warm--brand-refresh, warm--creative-marketing, vivid--playful-marketing, warm--minimal-brand, vivid--bauhaus-electric设计 / 建筑 / 艺术bw--swiss-bauhaus, bw--brutalist-raw, dark--architectural-plan, mixed--duotone-split, dark--midnight-blueprint, mixed--bauhaus-blocks, dark--aurora-softedge, warm--monument-editorial教育 / 培训 / 课件light--training-interactive, warm--playful-organic, vivid--candy-stripe, warm--bloom-academy主题演讲 / 发布 / 晚宴dark--spotlight-stage, dark--liquid-flow, vivid--energy-neon创意代理 / 工作室dark--sage-grain, mixed--bauhaus-blocks, dark--circle-digital, vivid--bauhaus-electric, mixed--spectral-grid开发者 / 技术向dark--cyber-future, dark--blueprint-grid, dark--tech-cosmos环保 / 自然 / 有机warm--earth-organic, warm--minimal-brand, light--spring-launch文创 / 杂志 / 叙事dark--editorial-story, light--watercolor-wash, light--bold-type, warm--monument-editorial科幻 / 太空 / 未来dark--space-odyssey, dark--cosmic-neon, dark--cyber-future奢侈 / 高端dark--luxury-minimal, dark--premium-navy, warm--minimal-brand, dark--velvet-rose效率 / 激励dark--neon-productivity, dark--cyber-future健康 / 生活方式warm--vital-bloom, warm--playful-organic, light--spring-launch金融 / 投资dark--obsidian-amber, dark--investor-pitch, light--glassmorphism-vc六、深度拆解dark--premium-navy 从 style.md 到 build.sh为说明「索引 → style.md → build.sh」三级结构如何协作这里以被速查表反复推荐的dark--premium-navy为例做完整拆解。6.1 style.md设计哲学的载体styles/dark--premium-navy/style.md 定义了完整的视觉语言核心是深海军蓝基底 金色高光 钢蓝辅助色板Deep Navy0C1B33背景、Rich GoldC9A84C金色水平线/边框/圆点/数字高亮、Pure WhiteFFFFFF标题、Mid Navy1E3A5F竖线与边框、Steel Blue8EACC1强调圆与描述文字、Navy Emphasis2C4F7C卡片背景字体层级主标题 Segoe UI Black 60pt 白、副标题 Segoe UI Light 24pt 金、卡片编号 48pt 金、正文描述 Segoe UI Light 14pt 钢蓝、数据数字 54–64pt 白设计技法金色细线分隔高 0.08cm、半透明roundRect卡片opacity 0.12–0.45、金色圆点锚点opacity 0.6/0.3、深底白标题金副标题的高对比层级以及Morph 动画——金线与边框在页面间重排边框变形为数据区背景场景元素表列出 8 个带!!前缀的场景演员!!bar-gold、!!bar-navy、!!frame-gold、!!frame-navy、!!accent-gold、!!accent-steel、!!dot-gold、!!dot-white并给出各自 preset、fill、opacity 与典型尺寸页面结构5 页Hero → Statement → 3 列 Pillars → Metrics → CTA第 2–5 页设transitionmorph。style.md 的尾部会提示「Complete build script is inbuild.sh」并推荐精读 2–3 个代表性页面如 Slide 3 的 frames 变卡片背景、Slide 4 的 frames 放大变色为数据背景。6.2 build.sh只学技法不抄坐标styles/dark--premium-navy/build.sh 是完整可运行的 demo 脚本其核心手法值得借鉴OFFSCREEN36cm常量——所有尚未登场的卡片元素!!card-1-num、!!card-1-title、!!card-1-desc等在 Slide 1 就以x36cm离场放置之后通过set ... --prop x3.2cm分页拉回舞台。这正是 morph 的「ghost 出场」模式officecli add ... / --from /slide[1]克隆上一页officecli set ... --prop transitionmorph是构造 morph 相邻页的标准两步按 shape 索引精确定位officecli set /slide[2]/shape[1] --prop x2cm ...逐个移动场景演员的位置与尺寸实现页间位移如金线从中央横线移到 y9.5cm圆点绕场——这是「morph 对」的编排核心文字占位与换页shape[9]/shape[10]承担每页标题与副标题的角色切换Hero 页 60pt 标题 → Statement 页 54pt → Pillars 页 40pt 左对齐 → Metrics 页 36pt → CTA 页 60pt 居中Slide 5 把所有指标形状统一--prop text --prop x${OFFSCREEN}收场。必须再次强调build.sh中的坐标是为该 demo 内容手工调校的且索引明确提示部分脚本存在重叠/错位问题。正确用法是吸收其「离场待命 克隆设 morph 索引位移」的编排逻辑套用你自己的网格数据。七、对照样本warm--earth-organic 的差异化设计同为 5 页结构styles/warm--earth-organic/style.md 展示了完全不同的设计语言——暖羊皮纸底 有机椭圆 圆角矩形的自然叙事10 色大地色板Warm ParchmentF5F0E8、Warm Brown8B6F47、Sage GreenA8C686、TerracottaD4956B、Sandy GoldC2A878、Forest Green6B8E6B等8 个有机场景演员!!leaf-brown/!!leaf-sage椭圆模拟叶片、!!stone-terra/!!stone-sandroundRect 模拟石块、!!seed-forest/!!seed-cream种子、!!pebble-1/!!pebble-2鹅卵石全部带 0.12–0.5 的低透明度分层叠加制造自然肌理核心 morph 手法有机形状缓慢漂移缩放Slide 3 三枚形状变形为 roundRect 卡片背景Slide 4 形状放大为数据区背景。对比两个样本可清晰看到本库的设计哲学色板定情绪、形状定语言、透明度定层次、morph 编排定叙事节奏——这正是索引「按情绪查表」背后的逻辑。八、从索引到成稿四步查表工作流SKILL.md 的「Style library lookup workflow」把索引的用法固化为四步确保 Agent 不把库当模板抄浏览索引按色板分类与情绪定位风格用 Primary hex 列匹配用户品牌色选出 1 个匹配主题情绪或对齐 hex 的风格读设计哲学打开skills/morph-ppt/reference/styles/style-id/style.md理解设计意图字体配对、色彩逻辑、标志性元素扫一眼技法仅在需要实现参考时打开build.sh借鉴标志形状、色值与编排思路——坐标已知有 bug不要复制在自己的画布上落地用 pptx v2 的网格数学33.87 × 19.05cm、边距 ≥ 1.27cm、间距 ≥ 0.76cm、负空间 ≥ 20%与视觉底限重建布局只借用色板与标志性手势。与之配套skills/morph-ppt/reference/decision-rules.md 提供了风格选择的原则匹配主题情绪企业≠俏皮科技≠有机、跨项目轮换避免连续 deck 重复同一色板家族、考虑六大分类、倾向「意料之外但合适」的组合、在brief.md中具名指定写「warm--earth-organic palette」而非「warm tones」。九、选型之后风格如何落地为 morph 设计索引只管「选风格」落地的设计约束由 skills/morph-ppt/reference/pptx-design.md 统辖选型后必须遵守的要点包括对比度优先永远计算不靠目测亮度公式(R×299 G×587 B×114)/1000深底亮度 128正文亮度需 ≥ 80%浅底正文亮度 ≤ 20%三层色彩层级背景填充 → 场景演员 → 内容由弱到强场景演员透明度按用途分档全 deck 装饰 ≤ 0.12、数据衬底 0.3–0.6、本身就是内容的演员才用 0.8–1.0morph 字号高一档封面标题 54–72pt、小节标题 28–40pt、正文 18–24pt、脚注不低于 13pt文本框尽量加宽避免 morph 插值时文字换行「倾斜」场景演员命名三前缀!!scene-*跨全 deck 的装饰几乎不 ghost、!!actor-*跨小节演进的内容退出页必须 ghost 到x36cm、#sN-*每页内容下一页必须 ghostmorph 配对硬规则相邻页至少 3 个不同的!!前缀形状各变化 ≥ 1 项属性且位移 ≥ 5cm 或旋转 ≥ 15° 或尺寸差 ≥ 30%否则退化为纯淡入淡出。整套规则由 skills/morph-ppt/SKILL.md 中的 Delivery Gate 1–5a 与 Gate 5b-morph-1..4 自动校验多页故事弧线可用 reference/morph-helpers.py或 shell 版 reference/morph-helpers.sh的clone / ghost / verify / final-check命令批量构建并自检。十、相关资源地图资源路径用途风格索引skills/morph-ppt/reference/styles/INDEX.md全库查表入口本文主体morph 技能总纲skills/morph-ppt/SKILL.md命名三前缀、ghost 纪律、Delivery Gate风格选型决策skills/morph-ppt/reference/decision-rules.md受众/目的/叙事推断与 brief.md 产出morph 设计约束skills/morph-ppt/reference/pptx-design.md对比度、字号、场景演员与页面类型构建辅助Pyskills/morph-ppt/reference/morph-helpers.pyclone/ghost/verify/final-check/clean-accumulation构建辅助Shellskills/morph-ppt/reference/morph-helpers.sh同上bash 版样板风格深色styles/dark--premium-navy/style.md 与 build.sh高端企业叙事范例样板风格暖色styles/warm--earth-organic/style.md 与 build.sh自然有机叙事范例pptx 基础规则skills/officecli-pptx/SKILL.md视觉底限、网格、图表选择、连接器规范总结INDEX.md是 52 风格视觉库的导航中枢它以「色板 × 情绪 × 场景」三个维度组织全部风格用 Primary hex 三色列支持品牌色秒匹配用 Quick Lookup 表支持场景直达而真正把索引变成本地产物需要遵循「学方法不抄坐标」的纪律以 style.md 取设计哲学、以 build.sh 取编排技法最终用 pptx-design.md 与 SKILL.md 的约束在自己的画布上重建布局——这套「查表 → 读哲学 → 借技法 → 自重建」的工作流正是 OfficeCLI morph-ppt 技能中风格系统的正确打开方式。赞分享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 风格库索引INDEX.md如何为演示文稿快速选定视觉风格OfficeCLI Morph PPT 风格库索引INDEX.md如何为演示文稿快速选定视觉风格 在 OfficeCLI 的 morph ppt 技能中人工智能AI 应用AI 技能CLIMCP 服务OfficeCLI Morph-PPT 风格库实战Fluid Gradient 流动渐变风格设计与实现指南OfficeCLI Morph PPT 风格库实战Fluid Gradient 流动渐变风格设计与实现指南 本文围绕 OfficeCLI morph pptCLIAI 应用MCP 服务OfficeCLI Morph-PPT 风格库实战dark--liquid-flow 液体流光视觉风格深度解析与构建还原OfficeCLI Morph PPT 风格库实战dark liquid flow 液体流光视觉风格深度解析与构建还原 dark liquid flowLiCLIAI 应用MCP 服务创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
语法制导翻译与中间代码生成源码解析)
