重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
slidev-drawings by yoanbernabeu/slidev-skills
npx skills add https://github.com/yoanbernabeu/slidev-skills --skill slidev-drawings本技能涵盖 Slidev 内置的基于 drauu 的绘图和标注功能,允许您在演示过程中实时绘制、高亮和标注幻灯片。
---
drawings:
enabled: true
---
---
drawings:
enabled: true
persist: false
presenterOnly: false
syncAll: true
---
| 选项 | 类型 | 默认值 | 描述 |
|---|---|---|---|
enabled | boolean/string | true |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
启用绘图功能 (true, false, 'dev') |
persist | boolean | false | 将绘图保存到 .slidev/drawings/ |
presenterOnly | boolean | false | 仅演示者可绘图 |
syncAll | boolean | true | 在所有客户端间同步绘图 |
手绘
可调整笔触宽度
颜色选择
Usage: Click and drag to draw Good for: Underlining, circling, quick annotations
创建直线
按住 Shift 键绘制水平/垂直线条
Usage: Click start point, drag to end Good for: Connecting elements, pointing
带箭头的线条
方向指示器
Usage: Click start, drag to arrow point Good for: Showing flow, indicating direction
绘制矩形/正方形
按住 Shift 键绘制完美正方形
Usage: Click corner, drag to opposite corner Good for: Highlighting areas, boxing content
绘制圆形/椭圆
按住 Shift 键绘制完美圆形
Usage: Click center, drag to edge Good for: Circling items, attention markers
移除特定绘图
点击绘图以擦除
Usage: Click on drawn elements to remove Good for: Correcting mistakes, cleaning up
Slidev 自动检测触控笔输入:
在以下环境中运行良好:
点击绘图工具栏中的颜色选择器:
调整笔触宽度以实现:
---
drawings:
persist: true
---
绘图保存到:
.slidev/drawings/[slide-number].svg
从 .slidev/drawings/ 删除文件,或:
---
drawings:
presenterOnly: true
---
---
drawings:
syncAll: true
---
所有连接的客户端实时看到绘图。
---
drawings:
syncAll: false
---
仅演示者的绘图会同步给观众。
提前知道要标注什么:
<!--
ANNOTATIONS:
- Circle the error on line 5
- Arrow from input to output
- Underline the key term
-->
| 需求 | 工具 |
|---|---|
| 高亮文本 | 钢笔(下划线) |
| 指向某物 | 箭头 |
| 组合元素 | 矩形 |
| 标记重要内容 | 椭圆 |
当绘图模式激活时:
| 按键 | 操作 |
|---|---|
1 | 钢笔工具 |
2 | 直线工具 |
3 | 箭头工具 |
4 | 矩形工具 |
5 | 椭圆工具 |
e | 橡皮擦 |
c | 清除所有 |
Esc | 退出绘图模式 |
# Code Review
```python
def calculate(x, y):
result = x + y # Circle this line
return result
在演示过程中围绕重要行画圈。
### 在图表上绘图
```markdown
```mermaid
graph LR
A --> B --> C
在解释时使用箭头追踪流程。
### 在图像上绘图
```markdown

Annotate specific components during walkthrough.
drawings.enabled: truesyncAll 设置persist: true.slidev/ 目录存在配置绘图时:
---
drawings:
enabled: true # Enable drawing feature
persist: true # Save drawings between sessions
presenterOnly: true # Only presenter can draw
syncAll: true # Sync to all viewers
---
幻灯片绘图计划:
清理:
每周安装量
64
仓库
GitHub 星标数
22
首次出现
2026年1月25日
安全审计
安装于
opencode52
kimi-cli50
codex49
gemini-cli49
github-copilot48
amp48
This skill covers Slidev's built-in drawing and annotation features powered by drauu, allowing you to draw, highlight, and annotate slides in real-time during presentations.
---
drawings:
enabled: true
---
---
drawings:
enabled: true
persist: false
presenterOnly: false
syncAll: true
---
| Option | Type | Default | Description |
|---|---|---|---|
enabled | boolean/string | true | Enable drawings (true, false, 'dev') |
persist | boolean | false | Save drawings to .slidev/drawings/ |
presenterOnly | boolean | false | Only presenter can draw |
syncAll | boolean | true | Sync drawings across all clients |
Freehand drawing
Adjustable stroke width
Color selection
Usage: Click and drag to draw Good for: Underlining, circling, quick annotations
Creates straight lines
Hold Shift for horizontal/vertical lines
Usage: Click start point, drag to end Good for: Connecting elements, pointing
Lines with arrowheads
Directional indicators
Usage: Click start, drag to arrow point Good for: Showing flow, indicating direction
Draw rectangles/squares
Hold Shift for perfect squares
Usage: Click corner, drag to opposite corner Good for: Highlighting areas, boxing content
Draw circles/ellipses
Hold Shift for perfect circles
Usage: Click center, drag to edge Good for: Circling items, attention markers
Remove specific drawings
Click on drawing to erase it
Usage: Click on drawn elements to remove Good for: Correcting mistakes, cleaning up
Slidev automatically detects stylus input:
Works great with:
Click color selector in drawing toolbar:
Adjust stroke width for:
---
drawings:
persist: true
---
Drawings saved to:
.slidev/drawings/[slide-number].svg
Delete files from .slidev/drawings/ or:
---
drawings:
presenterOnly: true
---
---
drawings:
syncAll: true
---
All connected clients see drawings in real-time.
---
drawings:
syncAll: false
---
Only presenter's drawings are synced to audience.
Know in advance what you'll highlight:
<!--
ANNOTATIONS:
- Circle the error on line 5
- Arrow from input to output
- Underline the key term
-->
| Need | Tool |
|---|---|
| Highlight text | Pen (underline) |
| Point to something | Arrow |
| Group elements | Rectangle |
| Mark important | Ellipse |
When drawing mode is active:
| Key | Action |
|---|---|
1 | Pen tool |
2 | Line tool |
3 | Arrow tool |
4 | Rectangle tool |
5 | Ellipse tool |
e | Eraser |
c |
# Code Review
```python
def calculate(x, y):
result = x + y # Circle this line
return result
Draw a circle around the important line during presentation.
### Drawing Over Diagrams
```markdown
```mermaid
graph LR
A --> B --> C
Use arrows to trace the flow during explanation.
### Drawing Over Images
```markdown

Annotate specific components during walkthrough.
drawings.enabled: truesyncAll settingpersist: true.slidev/ directory existsWhen configuring drawings:
---
drawings:
enabled: true # Enable drawing feature
persist: true # Save drawings between sessions
presenterOnly: true # Only presenter can draw
syncAll: true # Sync to all viewers
---
DRAWING PLAN FOR SLIDE:
CLEANUP:
Weekly Installs
64
Repository
GitHub Stars
22
First Seen
Jan 25, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode52
kimi-cli50
codex49
gemini-cli49
github-copilot48
amp48
Python PDF处理教程:合并拆分、提取文本表格、创建PDF文件
69,800 周安装
| Clear all |
Esc | Exit drawing mode |