AI 技能工作流自动化AI 应用【免费下载链接】ppt-image-firstPPT image-first skill for Codex/Claude Code/Opencode CLI项目地址https://gitcode.com/gh_mirrors/ppt/ppt-image-first点击查看免费下载ppt-image-first 是一个 image-first 的 PPT 工作流 skill它不靠文字描述让你想象风格而是为每套风格方向真实生成首页、目录页、正文页三张 16:9 预览图让你看图选风格。本文完整解析这套三页预览法每一页各看什么、流程如何推进、常见误区怎么避。一、为什么看图选风格比看文字选风格更靠谱选 PPT 风格时文字描述总有想象 gap——高级感科技感学术风每个人脑中的样子都不一样。ppt-image-first 在 SKILL.md 中把Preview-first列为硬规则最终风格确认必须基于真实生成的首页 / 目录页 / 正文页预览而不是纯文字选项文字 mockup、ASCII 草图、占位壳子都不算预览预览页必须是 content-bearing 的要有可信的填充内容禁止出现在此输入…这类占位文案为什么是三页因为它们对应一次真实汇报的三个关键时刻 预览页回答的问题首页第一印象、视觉基调、隐喻方向对不对目录页风格能否撑起结构页封面到内容的过渡顺不顺正文页风格能否承载真实信息可读性与重点强调够不够三页合在一起就是一个迷你 deck足以判断这套风格能不能做完整套。二、ppt-image-first 是什么image-first 的 PPT 生成工作流ppt-image-first 面向 Codex / Claude Code / Opencode CLI把一句模糊的帮我做个 PPT推进为一条分阶段、有确认点的流水线Intake轻量收集用途、受众、页数、材料、身份锚点 →需求确认内容基底材料薄时先补content_report.md让预览页有真实内容来源风格预览风格边界对齐 多套方向提案 三页真实预览 →风格确认规划锁定风格反演确认后按顺序写design_spec.md、slide_blueprint.md、spec_lock.md→生成前确认生成与评审image-first 整页出图默认用 GPT Image 2review-and-retouch 循环批准后才导出 PPTX整体流程如下图来自项目内示例 deck 的工作流总览页说明成品是高完成度视觉稿式演示页页面文字、图形通常不能像原生 PPT 元素那样逐项编辑适合展示、汇报与图像级 retouch。三、三页预览法详解每页各看什么 规则依据见 references/preview-flow.md每个风格方向必须生成恰好 3 张真实图像预览且同一方向的三页要像一个视觉家族。3.1 首页预览看第一印象与视觉基调首页预览检查三件事第一印象这套方向的第一眼是否符合预期主视觉与构图核心图形、版式逻辑是否成立基调与隐喻整体氛围如这张气象答辩封面用天空、云图、观测站构建气象隐喻是否贴题首页的信息密度可以最轻但不允许出现明显占位文案如果已有content_report.md首页应体现内容主线而不是纯装饰壳。3.2 目录页预览看结构能力与层级目录页是风格能否系统化的试金石检查点包括结构与层级章节、编号、分组是否清晰系统页承载能力风格能否从封面过渡到信息型页面而不变形可信内容目录要展示可信的章节标题或导航项而不是通用章节列表3.3 正文页预览看信息承载力与可读性正文页是最容易被首页惊艳感掩盖的一环检查点包括风格能否真正承载信息标题、要点、卡片、数字、关系图排进去之后是否依然成立可读性与重点强调层级、色彩、留白在真实内容量下是否可读视觉语法存活检验正文页的视觉语法容器、标注、强调方式能否从首页的隐喻语言自然延续3.4 一个方向 一个视觉家族对比公平性是这套方法的另一个关键设计所有风格方向都使用同样三页类型预览才能公平比较。而单个方向内部三页必须共享同一套视觉系统——✅ 同一色系、同一光照与景深逻辑、同一材质语言、同一容器与边缘处理✅ 允许的变化首页更氛围化、目录页更结构化、正文页更信息化❌ 不允许三页看起来像三个不同模板如首页未来感、目录页杂志风、正文页仪表盘风风格向量与连续性规则详见 references/style-system.md。四、流程怎么走从风格提案到风格确认三页预览法嵌在 references/workflow.md 定义的阶段中完整路径如下风格边界对齐只问 3 个短问题整体偏亮 / 偏暗 / 中间态常规专业路线 / 明显风格化路线这次先看几套方向默认推荐 3 套生成风格提案每套方向 一张轻量提案卡提案名称、一句话定位、首页方向、正文页视觉语法、适用场景、风险提示三张真实预览图装入内置预览壳提案卡与预览图统一放进 assets/preview_shell/index.html自动打开供你逐套对比风格 refinement对某套基本满意但想再调就以它为基础方向再推一轮默认再派生 3 套同样三页预览直到你可以确认风格反演确认把选中的三张预览图当证据反推出真正值得锁定的稳定特征并区分明确应延续的效果好但需确认是否整套延续的只在当前图偶然成立、不建议锁死的规划文件按顺序写入 design_spec.md 模板 → slide_blueprint.md 模板 → spec_lock.md 模板进入生成前确认这样做的价值在于你确认的不是文字而是已经生成的图后续整套 deck 的连续性锚点也来自这次确认的预览证据而非最初的 prompt 措辞。五、常见误区与使用建议❌只盯首页好不好看风格是系统正文页承载不了信息整套 deck 就会在第三页崩掉❌用文字方案冒充预览image-first 的核心就是真实出图如果出不了图流程会明确告诉你被什么卡住而不是静默降级成文字❌把预览当精修环节预览阶段重速度、可比性与方向性不是逐张抠细节的打磨 pass见 references/preview-flow.md 的 Speed and QA rule材料薄时先补内容基底先有content_report.md模板见 templates/content_report_reference.md三页预览才有真实内容而不是空壳默认 16:9除非你明确要求其他比例预览与最终页面都按 16:9 生成想先感受成品完成度可直接查看项目内置的示例 deck docs/demo/ppt-image-first-demo-deck.pptx六、相关文件索引文件作用SKILL.md工作流总入口、I/O 契约与硬规则references/workflow.md逐阶段执行细节与确认点references/preview-flow.md三页预览规则、对比原则与速度要求references/style-system.md风格向量V1–V8与连续性锚点references/conversation_framework.mdconversation-first 的 intake 对话模式assets/preview_shell/index.html风格预览对比的内置页面壳assets/review_shell/index.html生成后评审与返修的内置页面壳scripts/render_review_markup.py本地渲染评审标注赞分享AI 技能工作流自动化AI 应用【免费下载链接】ppt-image-firstPPT image-first skill for Codex/Claude Code/Opencode CLI项目地址https://gitcode.com/gh_mirrors/ppt/ppt-image-first点击查看免费下载相关推荐kkFileView 对外提供预览服务时如何禁用首页文件上传kkFileView 对外提供预览服务时如何禁用首页文件上传 把 kkFileView 部署对外提供文件预览时首页默认带有一个文件上传演示入口任何人打开首页后端零基础实现PPT转网页浏览器预览PPT的高效解决方案零基础实现PPT转网页浏览器预览PPT的高效解决方案 告别繁琐的插件安装和复杂的软件配置无需专业开发经验5分钟即可将PowerPoint文件转换为网页格式如何用PPTXjs实现网页版PPT预览超简单的PPT转HTML工具指南如何用PPTXjs实现网页版PPT预览超简单的PPT转HTML工具指南 PPTXjs是一款基于jQuery的实用插件能轻松将PowerPoint .pptx创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考