
Preview gallery
关于这个 Skill
生成现代软渐变演示文稿作为一个独立的 HTML 文件,具有真正的逐页导航功能:粒状柔和渐变背景、厚重的黑色 grotesk 标题、宽敞的负空间、整个 16:9 幻灯片上的键盘/滚轮/触摸分页、ESC 缩略图概述、演讲者注释面板和打印到 PDF 导出。包括八个现成的幻灯片原型和可选的 FAL GPT-Image-2 图像。每个演示文稿都可以在浏览器中编辑并导出为可编辑的 PowerPoint 文件。
Picked most often by
About this Skill

软渐变演示文稿 - 店面指南
What you get
A presentation-building Skill that turns a product, company, or idea
description into a 现代软渐变演示文稿 with real page-by-page
navigation — not a long scrolling page, and not another bullet-point PPT. The
CSS-only or placeholder-image base deck is one self-contained, zero-network
HTML file; if you opt into generated imagery, the HTML ships with a companion
images/ folder using local relative paths.
- A verified paging engine — arrow keys, scroll wheel, and touch swipe
between full-screen 16:9 slides;
ESC缩略图概览;Nspeaker-notes panel; print rules that export one slide per page straight to PDF. - 八个现成的幻灯片原型: cover, split, numbered section, process/steps, content grid, stat row, quote, and closing.
- 签名外观:粒状柔和渐变水洗(
.bg-warm/.bg-cool/.bg-flat), oversized 800–900-weight black grotesk headlines, and generous negative space. A background-rhythm rule keeps consecutive slides from blurring together. - 验证脚本 that catches leftover placeholders, duplicate slide ids, and page-number drift before you ever present.
This is the deck style for product launches, investor updates, and keynote narratives that need to feel contemporary and light.
How a deck gets made
- You describe what's being presented and to whom; the Skill shapes a narrative arc (problem → solution → proof → next steps) across 8–12 slides.
- It copies the browser-verified template and assigns one archetype and one background treatment per slide.
- Slides are written with stable ids and numbered footers; speaker notes are added when the deck will be talked through live.
- The validator runs, then the Skill pages through every slide in a browser before calling the work done.
- 真实图像是可选的:配置了 FAL 键,
.media-placeholderboxes can be swapped for generated visuals — asked about first, never by default.
What you need to prepare
- 演示文稿大纲或内容简介。 That's it — the design system is locked and tested.
- Optional: a FAL API key 用于媒体框架内人工智能生成的图像。
Costs beyond the Skill
Only optional image generation calls a paid API (FAL GPT-Image). A placeholder-only deck is complete and presentable as shipped.
Runs in
Claude Code, Codex, Cursor, Copilot, and other coding agents. Say "make me a modern gradient pitch deck for …" and page through the result with arrow keys when it's done.
Edit and export
The deck opens in a built-in editing studio. Change text, swap images, reorder slides and switch themes in the browser, then export an editable PowerPoint file or a PDF. In PowerPoint, text and speaker notes stay editable; backgrounds and decorations come across as pictures.
What you need before you start
- You bring
- Deck outline or content brief
- Dependencies
- FAL API 密钥 — 可选(AI 生成的渐变视觉效果) · Chrome、Chromium 或 Edge 加上 Node.js 20 或更高版本 — 仅 PowerPoint 导出需要
- Outside costs
- FAL GPT-生成 AI 视觉效果时收取图像使用费。
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 一个独立的、零网络的 HTML 平台,带有 CSS 或图像占位符;可选生成的图像到达配套图像文件夹,具有相同的导航和 PDF 导出
- 标志性外观中的八个现成原型:颗粒状柔和的渐变水洗、超大的黑色 grotesk 标题和宽敞的负空间
- 一个验证脚本,可在您演示之前捕获剩余的占位符、重复的幻灯片 ID 和页码漂移
- A built-in editing studio: change text, images, slide order and themes in the browser, then export an editable PowerPoint file or a PDF.
Good fit
- 产品发布、投资者动态和主题演讲都需要现代感和轻松感
- 创始人和营销人员希望从轮廓中获得成品——设计系统已锁定并经过测试
- 将通过现场演讲的演示文稿 - 内置演讲者注释和缩略图概述
Not for
- Teams that need native PowerPoint or Google Slides files — output is an HTML deck with PDF export
- 密集、数据密集的报告——风格依赖于大标题和负空间
- 完全免费的管道,也希望在媒体框架中包含 AI 图像 - 该可选步骤使用付费的 FAL 密钥
User reviews
Loading reviews…















