# Claw Design

> 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"。

- Skill: `yuchangxu1989-openclaw/claw-design` (Agent Skill, multi-file: 10 files)
- Install (CLI): `npx skillmds@latest add yuchangxu1989-openclaw/claw-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/yuchangxu1989-openclaw/claw-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: yuchangxu1989-openclaw (https://skillmd.com/u/yuchangxu1989-openclaw)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/yuchangxu1989-openclaw/claw-design

---


# Claw Design — AI 设计引擎

一句话生成视频剪辑、PPT、图表、架构图、海报、PDF、落地页、原型等 10+ 种设计产物。

## 安装

OpenClaw 用户推荐通过 `clawhub` 安装。`clawhub` 是 OpenClaw 环境提供的插件安装入口；如果你没有 OpenClaw，请走下面的 npm 路径。

```bash
clawhub install claw-design
```

裸 npm 用户可以全局安装 CLI：

```bash
npm install -g @self-evolving-harness/claw-design
```

也可以在项目内安装后用 `npx claw-design` 调用。

## 命令行使用

## DESIGN.md 资产库

Skill 级引用语法使用 `SKILL.md` frontmatter：

```yaml
---
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` 会给出引导性报错，不会用关键词规则猜测意图。

```bash
claw-design generate "帮我做一个关于 AI 趋势的演示文稿" -o ./output
```

生成成功后查看产物：

```bash
open ./output/index.html      # macOS
xdg-open ./output/index.html  # Linux
```

主交付 HTML 在浏览器里预览，PPTX 可在 PowerPoint/Keynote 里继续编辑。终端会打印实际产物路径和质量门禁结论。

不依赖 LLM 的命令：

```bash
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

## 链接

- [GitHub](https://github.com/yuchangxu1989-Openclaw/claw-design)
- [npm](https://www.npmjs.com/package/@self-evolving-harness/claw-design)