设计工具 on KnightLi的博客

从 PPT 到原型设计：归藏 PPT Skill 与 Huashu Design 使用场景解析

Sat, 09 May 2026 08:34:23 +0800

最近两个中文开发者做的设计类 Agent Skill 很值得放在一起看：一个是歸藏的 guizang-ppt-skill，另一个是花叔的 huashu-design。

它们都不是传统意义上的“设计工具”，而是把一套设计流程、审美偏好、检查清单和工程模板写成 Agent 可以执行的 Skill。你不是打开一个 UI 慢慢拖元素，而是把需求交给 Claude Code、Codex、Cursor 这类 Agent，让它按固定流程生成 HTML、PPT、动画或原型。

这类项目的价值，不在于让 AI 随机发挥，而在于把“怎么做才不难看”这件事流程化。

guizang-ppt-skill：专注杂志风网页 PPT

歸藏的 guizang-ppt-skill 定位很清楚：生成单文件 HTML 横向翻页 PPT，视觉基调是“电子杂志 × 电子墨水”。它更像一套为演讲准备的版式系统，而不是通用设计框架。

仓库 README 里列出的核心能力包括：

单文件 HTML 输出，不需要构建和服务器，浏览器直接打开。
横向左右翻页，支持键盘、滚轮、触屏滑动、底部圆点和 ESC 索引。
5 套主题色预设，包括墨水经典、靛蓝瓷、森林墨、牛皮纸和沙丘。
10 种页面布局，包括开场封面、章节幕封、数据大字报、左文右图、图片网格、Pipeline、悬念问题、大引用、Before/After 对比和图文混排。
内置模板、组件说明、布局骨架、主题配置和质量检查清单。

它适合做线下分享、行业内部讲话、私享会、AI 产品发布、demo day，以及带有强烈个人风格的演讲稿。不太适合大段表格数据、培训课件和多人协作编辑。

这个项目有一个很好的取舍：它没有试图覆盖所有设计场景，而是把“杂志风 PPT”这个场景做窄。主题色只能从预设里选，布局也有明确骨架，这反而降低了 Agent 跑偏的概率。

如果你经常要把观点、行业观察、产品发布内容做成演讲 deck，它的实用性会很高。

安装命令也很直接：

`1`	`npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill`

huashu-design：更完整的 HTML 原生设计工作流

花叔的 huashu-design 覆盖面更大。它的目标不是只做 PPT，而是把 HTML 当成原生设计画布，用 Agent 生成可交付的设计资产。

仓库 README 里列出的能力包括：

可点击 App 或 Web 原型。
HTML 幻灯片，以及可编辑 PPTX 导出。
产品发布动画、MP4、GIF 和配乐版本。
多方向设计方案并排对比。
信息图、数据可视化、PDF、PNG、SVG 导出。
5 维专家评审，包括哲学一致性、视觉层级、执行工艺、功能性和创新性。

它的核心思路是：让 Agent 先理解品牌和素材，再产出高保真设计。项目里强调了 Core Asset Protocol，也就是遇到具体品牌时，要先确认 logo、产品图、UI 截图、配色、字体和品牌指南，而不是凭记忆猜。

这点很重要。很多 AI 生成设计看起来“像设计”，但不像某个真实产品或品牌。huashu-design 试图把这个问题前置解决：先找真实资产，再做设计。

安装命令是：

`1`	`npx skills add alchaincyf/huashu-design`

它更适合那些希望在终端里完成较完整设计交付的人：产品原型、发布动画、演示文稿、信息图、设计评审都可以放在一个 Agent 工作流里处理。

两者最大的区别

简单说，guizang-ppt-skill 是一个更窄、更稳的演讲 deck 生成器；huashu-design 是一个更宽、更完整的 HTML 原生设计系统。

如果只看 PPT：

guizang-ppt-skill 更强调杂志感、节奏、版式和单文件浏览器演示。
huashu-design 更强调通用设计能力、可编辑 PPTX、品牌素材、导出链路和评审流程。

如果看整体设计能力：

guizang-ppt-skill 的边界更清晰，适合快速做一份有风格的横向演讲。
huashu-design 的能力更综合，适合把一个产品或品牌设计任务拆成原型、动画、幻灯片和信息图。

这两个项目也代表了两种不同的 Skill 写法。前者像一套高度收敛的模板和审美约束，后者像一个小型设计团队的工作流说明书。

为什么这类 Skill 重要

Agent 的一个常见问题是“会做，但不稳定”。同样一句需求，有时输出很好，有时就会滑向紫色渐变、圆角卡片、假图标和一堆看似高级的空话。

Skill 的意义就是把稳定性补上。它把下面这些东西固化下来：

可复用的模板。
可执行的检查清单。
明确的审美偏好。
常见错误的规避规则。
输出格式和验证流程。
什么时候该问问题，什么时候该直接开始做。

这比单纯写一句“请做得高级一点”可靠得多。

尤其是设计任务，审美并不是一句 prompt 就能稳定复现的。真正有用的是流程：先确认素材，再定方向，再搭结构，再做视觉，再检查输出。把这个流程写成 Skill，Agent 才更像一个可协作的执行者，而不是一次性图片生成器。

使用建议

如果你只是想把一个主题做成线下演讲或分享 deck，可以优先试 guizang-ppt-skill。它的输出边界窄，单文件 HTML 也方便分发和预览。

如果你想让 Agent 承担更完整的设计任务，比如 App 原型、发布动画、品牌化幻灯片、可导出 PPTX 或信息图，可以优先看 huashu-design。它的链路更长，适合需要多轮迭代和交付物导出的任务。

如果你已经在写自己的 Codex 或 Claude Code Skill，这两个项目也都值得参考：

想学“如何把一个窄场景做稳”，看 guizang-ppt-skill。
想学“如何把复杂工作流拆成可执行协议”，看 huashu-design。

总结

歸藏和花叔这两个项目的共同点，是都把“设计能力”从一次 prompt 变成了可重复执行的流程。

guizang-ppt-skill 的重点是杂志风 HTML PPT，适合高风格化演讲；huashu-design 的重点是 HTML 原生设计系统，覆盖原型、动画、幻灯片、信息图和评审。它们解决的不是“AI 能不能生成设计”，而是“AI 能不能按一套稳定方法生成可交付的设计”。

这可能会成为 Agent 工具生态里很重要的一类开源项目：不只是代码模板，而是把人的经验、审美和工作方法打包成 Skill。

参考链接：

AI 怎么画虚线、箭头、曲线？AI 更改画布大小教程

Fri, 08 May 2026 09:18:53 +0800

很多刚开始用 AI 软件的人，最常搜索的几个问题是：AI 怎么画虚线、AI 怎么画箭头、AI 怎么画曲线，以及 AI 怎么更改画布大小。它们都属于基础操作，但入口分散在描边、钢笔工具、线段工具和画板工具里。

下面按实际使用顺序整理。

AI 怎么画虚线

在 AI 软件里，虚线不是单独的工具，而是通过“描边”面板设置出来的。

操作步骤：

用 直线段工具、钢笔工具 或 形状工具 画出一条线或一个路径。
选中这条线。
打开 窗口 -> 描边。
在描边面板里勾选 虚线。
设置 短划线 和 间隙 数值。

常见设置可以这样理解：

短划线：每一段实线有多长。
间隙：每一段实线之间空多少。
描边粗细：控制虚线整体的线宽。

例如想要一条比较均匀的虚线，可以先试：

1
2

短划线：8
间隙：8

如果想要点状线，可以把描边端点改成圆头，再把短划线设得很小：

1
2
3

短划线：0
间隙：8
端点：圆头

这样看起来就会更像一串圆点。

虚线没有显示怎么办

如果勾选虚线后没有明显变化，通常检查这几项：

当前对象有没有描边颜色。
描边粗细是不是太小。
是否选中了正确对象。
短划线 和 间隙 数值是不是都太小。
对象是不是只有填充色，没有描边。

很多线条问题，本质都是“对象有路径，但没有描边”。

AI 怎么画箭头

箭头同样不是单独画出来的，而是在路径的描边上添加箭头样式。

操作步骤：

用 直线段工具 画一条直线。
选中直线。
打开 窗口 -> 描边。
在描边面板底部找到 箭头。
给起点或终点选择箭头样式。
调整箭头比例。

如果箭头方向反了，可以用两种方式处理：

在描边面板里把箭头从起点换到终点。
使用路径方向相关命令反转路径方向。

更简单的做法是重新画线：从箭头尾部拖到箭头头部。这样终点就是箭头方向。

怎么画双向箭头

双向箭头只需要同时给起点和终点设置箭头。

操作步骤：

选中线段。
打开描边面板。
在第一个箭头位置选择一个箭头。
在第二个箭头位置也选择一个箭头。

如果箭头太大或太小，调整 缩放 数值即可。

一般来说，箭头大小要和线宽匹配。线很细但箭头很大，会显得不协调；线很粗但箭头太小，也会看不清。

AI 怎么画曲线

AI 画曲线最常用的是 钢笔工具。

基础方法：

选择 钢笔工具。
在画布上点击一次，创建第一个锚点。
在第二个位置按住鼠标拖动，不要只点击。
拖动时会出现方向手柄，曲线就会被拉出来。
继续点击并拖动，形成连续曲线。

关键点是：画直线时只点击，画曲线时点击并拖动。

很多新手画不出曲线，是因为每次都只点击，没有拖动方向手柄。

曲线怎么调顺

画完曲线后，可以用这些工具调整：

直接选择工具：选择锚点，移动锚点或手柄。
锚点工具：切换尖角和平滑点。
平滑工具：让路径更顺。
曲率工具：用更简单的方式创建平滑曲线。

如果只是想画一条自然曲线，曲率工具 比钢笔工具更适合新手。它不需要手动拉很多方向手柄，点击几个点就能生成平滑路径。

用曲率工具画曲线

曲率工具更接近“点到哪里，曲线自动跟到哪里”。

操作步骤：

选择 曲率工具。
在画布上点击第一个点。
点击第二个点。
继续点击第三个点，软件会自动生成曲线。
拖动已有点，可以改变曲线形状。

如果想要尖角，可以双击某个点，让它在平滑点和角点之间切换。

对新手来说，先用曲率工具画大形，再用直接选择工具微调，通常比一开始就用钢笔工具更容易。

AI 怎么更改画布大小

AI 里的“画布大小”通常指 画板大小。如果你想改变导出范围、设计尺寸或页面尺寸，改的是画板。

操作步骤：

选择左侧工具栏里的 画板工具。
点击当前画板。
在顶部属性栏输入宽度和高度。
也可以拖动画板边缘手动调整大小。

常见尺寸例子：

公众号封面：900 x 383 px
小红书封面：1242 x 1660 px
Instagram 方图：1080 x 1080 px
A4 纸张：210 x 297 mm

如果你的单位不是 px，可以在文档或属性面板里切换单位。

用画板面板改尺寸

除了直接使用画板工具，也可以通过画板面板管理多个画板。

操作步骤：

打开 窗口 -> 画板。
选中要修改的画板。
点击画板选项。
输入宽度、高度和位置。

如果一个文件里有多个页面、多个海报尺寸或多套导出图，画板面板会比直接拖动更清楚。

更改画板大小会影响图形吗

只改画板大小，一般不会自动缩放里面的图形。

也就是说：

画板变大，图形尺寸不变。
画板变小，图形尺寸也不变，只是可能超出画板范围。
导出时通常只导出画板范围内的内容。

如果你想让图形跟着画板一起缩放，需要手动选中图形再缩放，或者使用缩放工具、变换面板来调整。

常用快捷入口

几个常用入口可以记住：

描边面板：窗口 -> 描边
画板面板：窗口 -> 画板
画板工具：Shift + O
钢笔工具：P
直接选择工具：A

不同版本软件的界面可能略有差异，但核心逻辑基本一致：虚线和箭头在描边里，曲线靠路径工具，画布大小改画板。

小结

AI 画虚线：选中路径，在 描边 面板勾选 虚线，设置短划线和间隙。

AI 画箭头：先画线，再在 描边 面板给起点或终点添加箭头。

AI 画曲线：用 钢笔工具 点击并拖动，或用 曲率工具 更轻松地画平滑曲线。

AI 更改画布大小：使用 画板工具 或 画板 面板修改画板宽高。

这几个操作掌握后，大部分基础线条、流程图、标注图和页面尺寸调整都能处理。