SuperAPI AI 工具集

artifact-deck

前端与建站

查看项目

更新于 10-16 02:36

技能介绍

用途:artifact-deck 用于制作单文件幻灯片演示。输出契约要求始终产出一个 .html 文件,文件名通常形如 <topic>-deck.html,绝不是一个 Markdown 大纲,也不是每张幻灯片一个文件。所有幻灯片放在同一文件内,由约 30 行原生 JavaScript 切换,不使用 jQuery。

主要能力与结构:幻灯片由四类元素组成。顶部固定 header 条,含标题、当前页码/总页数与可选进度条。每张幻灯片是独立的 <section class="slide" id="s-N">,仅当前页可见,各自为以视口高度减去 header 居中的 flex 容器。幻灯片内容形状包括标题页(eyebrow + h1 + lead)、陈述页(单个大标题)、双栏页(.grid-2)、数据页(.stats 展示 2 到 4 个大数字)、时间线页(.timeline)、代码页(.code-block)与收尾页(eyebrow + h2 + 行动号召)。右下角固定 footer 提供上一页/下一页、页码和提示。

使用方式与导航:方向键或用空格、PageDown 前进,方向键或 PageUp 后退,Home/End 跳到首尾;点击非链接按钮处可前进;哈希路由 #/3 可直达第 3 张,导航时 URL 同步更新;F 或 ? 切换快捷键帮助浮层。支持禁用 JavaScript 的降级:所有幻灯片按顺序堆叠渲染,各自有滚动目标,页眉页脚仍渲染但翻页按钮失效。

适用场景:用户要求“做一份关于 X 的演示”、周五演示、启动会、高管汇报或闪电演讲;手头有 5 到 15 个短要点需要按顺序讲给观众;不想打开 Keynote 或 Google Slides 就能在会议中演示。若需要单页总结应改用 artifact-report,需要可点击原型用 artifact-flow,长篇叙述用 artifact-explainer。

限制与建议:每张幻灯片只讲一个观点,正文不小于 18px,不用段落,每页要点最多三到五条,用数字、名词与动词表述;不要自动翻页,节奏由演讲者控制;截图必须占幻灯片的 60% 以上,否则不宜放入;需要收尾幻灯片给出后续步骤、链接或联系方式。正式使用前应先阅读 artifact-css/SKILL.md,以获取完整输出契约、设计令牌与类名用法。资料中未提供收费、价格或平台支持等信息。