SuperAPI AI 工具集

slides-grab-design

设计与创作

查看项目

更新于 10-16 08:11

技能介绍

用途:这是 slides-grab 的第二阶段设计技能,在 slide-outline.md 获得批准后使用,用于在选定工作区(默认 slides/)生成高质量 slide-XX.html 幻灯片并支持反复修订。

主要能力:从 outline 的 meta 中读取 approved 样式;若为内置样式 id(如 glassmorphism)从 src/design-styles-data.js 加载规范;若样式以 .md 结尾或项目根存在设计 markdown,则用 slides-grab show-design <path> 解析并作为权威设计系统(DESIGN.slides.md 优先于 DESIGN.md)。生成前需写视觉论点、内容计划、系统声明与设计 token。图标默认用 Lucide;定制图像优先 slides-grab image --prompt "<prompt>" --slides-dir <path>;复杂图表用 tldraw 经 slides-grab tldraw 导出;本地视频存 <slides-dir>/assets/ 并以 ./assets/<file> 引用,推荐配 poster 缩略图。支持 slides-grab fetch-video --url <youtube-url> --slides-dir <path> 下载视频。生成或编辑后运行 slides-grab validate --slides-dir <path>,失败则自动修复并重跑;再用 slides-grab edit --slides-dir <path> 交互式评审。用户确认后可 slides-grab build-viewer --slides-dir <path> 或进入导出(PDF/PPTX)。必要时用 slides-grab list-styles、preview-styles 复核样式。

限制与规则:幻灯片尺寸固定 720pt×405pt;保留语义文本标签;本地素材放 assets/ 并以 ./assets/<file> 引用;不在保存的 HTML 中保留远程 http(s) 图片 URL;正文最小 14pt,绝对下限 10pt;避免 AI 套路化设计(激进渐变、左边框卡片、通用字体栈、3×2 图标网格等);每张幻灯片一个任务;校验通过前不得提交评审,未获批准不得进入转换阶段。默认图像提供方 god-tibo-imagen 复用本地 Codex ChatGPT 登录(~/.codex/auth.json,需先 codex login),无需 API key,但调用未公开的私有 Codex 后端,可能随时失效;备选 --provider codex(需 OPENAI_API_KEY)或 --provider nano-banana(需 GOOGLE_API_KEY/GEMINI_API_KEY)。凭据不可用时退回网络搜索并下载到 assets/。更完整的约束参见 references/design-rules.md、detailed-design-rules.md、beautiful-slide-defaults.md 与 design-system-full.md。