Back to skills
SKILL.md
Slides
ASecurity用户要一份幻灯片、演示稿、汇报，或要把一段内容讲给别人听时用：交一份 display 为 slides 的网页 Artifact。
- 12 stars
- 0 votes
- 0 copies
- 0 views
- Added November 11, 2026
Security analysis
100/100Pro scans all 2 files and shows the line behind each finding
npx -y skills add vibevalleyhq/vibevalley --skill slides --agent claude-codeAre you the author of Slides?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/vibevalleyhq-slides)---
name: 幻灯片
description: 用户要一份幻灯片、演示稿、汇报，或要把一段内容讲给别人听时用：交一份 display 为 slides 的网页 Artifact。
---
幻灯片是一份网页 Artifact：`artifact_create` 时 `kind` 填 `html`，`display` 填 `slides`。工作台负责把它排成 16:9、一屏一页，翻页、全屏放映、演讲者视图、存成 PDF 都是工作台的事，你不写翻页的脚本。
**先定讲什么，再动手。**
1. 弄清给谁看、讲多久、看完要他做什么决定。工单里没说的，按 5 到 10 页写。
2. 先列提纲：每页一句话结论。一页只讲一件事：一个结论、一张图、一组对比。讲不清一页讲什么的，拆开或删掉。
3. 数字和事实从仓库、工单、用户给的材料里来，不编；拿不准的写在备注里说明。
**照约定写页面。** 每页一个顶层 `<section>`，版式用 class 选：
- `title`：封面或分节页，`<h1>` 大标题，`<p>` 一句副标题。
- 不写 class：普通一页，`<h2>` 标题加 `<ul><li>`，最多 5 条，每条一行话。
- `two-col`：左右对比，`<h2>` 横跨两栏，下面两个 `<div>`。
- `image`：一张大图，`<img src="data:...">`（只能内联，沙箱连不了网），可加 `<figcaption>`。
- `quote`：一句话撑满一页，`<blockquote>` 加 `<cite>`。
每页可以有一个 `<aside class="notes">`：写给讲的人的话，只在演讲者视图里看得到。要讲的过渡、要提醒的数字、被问到时怎么答，写在这里，不塞进页面。
**样子交给工作台。** 不写样式也好看：字号、留白、颜色已经排好，并跟着用户的浅色深色走。真要改，用这些 CSS 变量：`--vv-ink`、`--vv-muted`、`--vv-faint`、`--vv-page`、`--vv-line`，强调色 `--vv-accent`，状态色 `--vv-leaf`、`--vv-wheat`、`--vv-berry`、`--vv-water`，字体 `--vv-font-sans`、`--vv-font-mono`。不给 `section` 写 `position`、`transform`、`width`、`height`、`display`，那是工作台排版用的。
**交上来。** 先写成工作目录里的一个文件，用 `file` 交上来；`note` 写一句这份讲什么。用户回复卡片就是评论：照着改，用 `artifact_version_create` 交新的一稿，每次交整份。交完在工单串里说一句：几页、讲了什么、哪几页最该看。
起手模板：
```html
<!doctype html>
<html lang="zh">
<head><meta charset="utf-8"><title>打卡系统周报</title></head>
<body>
<section class="title">
<h1>打卡系统周报</h1>
<p>第 43 周 · 后端组</p>
<aside class="notes">开场一句话：这周上线了查询接口。</aside>
</section>
<section>
<h2>这周做完了什么</h2>
<ul>
<li>查询接口上线，按日期范围查</li>
<li>补了 30 条测试，覆盖率到 82%</li>
</ul>
</section>
<section class="two-col">
<h2>改之前和改之后</h2>
<div><h3>之前</h3><p>一次查一天，前端拼一个月</p></div>
<div><h3>之后</h3><p>一次查一段，接口直接给</p></div>
</section>
<section class="quote">
<blockquote>能一次拿到的，就别让用户等三十次。</blockquote>
<cite>— 代码评审时的一句话</cite>
</section>
<section class="title">
<h1>下周</h1>
<p>导出 Excel · 管理员看全员</p>
</section>
</body>
</html>
```
幻灯片用用户的语言写。
Files in this skill
- SKILL.en.md
- SKILL.md
Attribution
Related skills
View all in development →Comments
Loading comments…
Newsletter
Get the weekly list of safe new skills, and the ones we pulled.