SuperAPI AI 工具集

slides-grab-design

设计与创作

查看项目

更新于 10-16 02:32

技能介绍

用途:在 slide-outline.md 获批后,于指定 slides 工作区(默认 slides/)生成高质量 slide-XX.html 并支持反复修订。

主要能力:读取大纲 meta 中的 style 字段,加载内置样式(如 glassmorphism,来自 src/design-styles-data.js)或 DESIGN.slides.md/DESIGN.md 设计系统;支持 template-pack 模板包作为参考布局数据;生成幻灯片 HTML、更新 viewer.html;用 Lucide 图标、slides-grab image 生成配图、tldraw 绘制复杂图表、Chart.js 制作图表、本地视频与海报;运行 slides-grab validate 校验,并用 slides-grab png 截图后执行两轮对抗式设计门评审,通过后写入 Proceed 回执。

使用方式:先确认样式(slides-grab list-styles、preview-styles),再生成 slide-XX.html;生成后运行 slides-grab validate --slides-dir <path>,失败则修复并重跑;用 slides-grab edit 或 edit-image 做可视化审阅;图表类需 slides-grab build-viewer 确认渲染;通过设计门后用 slides-grab design-gate --slides-dir <path> --verdict proceed --pass-a-report <pass-a.md> --pass-b-report <pass-b.md> 解锁导出。

适用场景:制作演示幻灯片、图表页、图像主导页、复杂示意图与视频页,并需要严格设计质量把关的流程。

限制:幻灯片尺寸固定 720pt×405pt;正文最小 14pt,绝对下限 10pt;不得保留远程图片 URL,需下载到 assets/;默认图标用 Lucide,避免 emoji;避免渐变背景、左边框卡片、通用字体等 AI 套路;存在未解决的 Critical 设计门问题时不得进入导出;codex-imagen 依赖本地 Codex 登录且可能失效,可改用 openai 或 nano-banana 提供方;转换前须获用户批准。