| name | claw-design |
| description | AI 设计引擎——一句话生成 PPT、图表、架构图、海报、视频剪辑、落地页、原型、PDF 等 10+ 种设计产物。Claude Design 的免费开源平替。
内置 ChartSkill(饼图/柱状图/折线图,纯 SVG,自然语言输入自动解析)、VideoEditorSkill(FFmpeg 本地剪辑)、SlidesSkill(36 主题 PPT)、PosterSkill、ArchDiagramSkill 等。
零图片 API 依赖,纯 HTML/CSS/SVG + FFmpeg 渲染,成本稳定,结果可控。
触发词:"做个 PPT"、"生成图表"、"画个饼图"、"做个架构图"、"剪个视频"、"做个海报"、"生成落地页"、"做个原型"、"generate a presentation"、"make a chart"、"create a poster"。
|
Claw Design — AI 设计引擎
一句话生成视频剪辑、PPT、图表、架构图、海报、PDF、落地页、原型等 10+ 种设计产物。
安装
OpenClaw 用户推荐通过 clawhub 安装。clawhub 是 OpenClaw 环境提供的插件安装入口;如果你没有 OpenClaw,请走下面的 npm 路径。
clawhub install claw-design
裸 npm 用户可以全局安装 CLI:
npm install -g @self-evolving-harness/claw-design
也可以在项目内安装后用 npx claw-design 调用。
命令行使用
DESIGN.md 资产库
Skill 级引用语法使用 SKILL.md frontmatter:
---
name: claw-design-slides
description: "..."
designSystem: general
aestheticPrincipleOverrides: visual-focus
aestheticPrincipleAdditions: slide-pacing
---
其中:
aestheticPrincipleOverrides:声明这个 skill 会收窄或改写哪些全局审美原则,值为逗号分隔的原则 ID。
aestheticPrincipleAdditions:声明这个 skill 额外补充哪些局部审美原则,值为逗号分隔的原则 ID。
运行时会把全局原则、skill 级覆盖/补充原则和任务级 aestheticDeviations 一起注入生成上下文与质量检查,保证“生成什么”和“什么样算好”使用同一套结构化约束。
运行时也支持在任务上下文中传 designSystemId / designSystem / designAssetId 覆盖该默认值。自定义资产格式为 <asset-id>/DESIGN.md,内容需包含设计系统名称、适用场景、色板、字体栈、字号层级、间距系统、组件描述、布局约束、参考样例和禁用规则。
生成设计产物需要文本 LLM。OpenClaw 会在已配置文本 LLM 时注入 LLM;裸 npm CLI 不内置 LLM,如果没有在程序内通过 createPipeline(theme, { classifierProvider }) 注入 classifier,generate 会给出引导性报错,不会用关键词规则猜测意图。
claw-design generate "帮我做一个关于 AI 趋势的演示文稿" -o ./output
生成成功后查看产物:
open ./output/index.html
xdg-open ./output/index.html
主交付 HTML 在浏览器里预览,PPTX 可在 PowerPoint/Keynote 里继续编辑。终端会打印实际产物路径和质量门禁结论。
不依赖 LLM 的命令:
claw-design slop-list
claw-design --help
claw-design --version
核心能力
- 意图路由:自然语言输入 → 自动识别交付物类型 → 选择对应 Skill
- 图表:内置 ChartSkill(饼图/柱状图/折线图,纯 SVG 渲染,支持中英文数据解析)+ chart-craft-plus 35+ 种扩展
- 视频:高光提取、多视频融合、精剪、ASR 自动字幕(FFmpeg + Whisper)
- 演示文稿:36 主题 × 31 布局,HTML + PPTX 双格式
- 架构图:C4/部署/边界/模块关系,HTML/SVG 明暗双主题
- 海报:HTML/CSS → PNG,品牌可配置
- 质量门禁:自动拦截不合格产出
- 多格式导出:HTML/PPTX/PDF/PNG/SVG/MP4
链接