# Claw Design Mockup

> UI mockup 与线框图生成。画原型、wireframe、mockup、线框图、UI 原型、界面设计、页面原型、app mockup、web mockup、prototype、low-fi、hi-fi。输入界面描述，输出 HTML/SVG 线框图或 mockup。

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

---


# Claw Design — Mockup Skill

生成 UI mockup 与线框图（HTML/SVG）。

## 使用方式

```bash
npx tsx scripts/generate.ts --content "界面描述"
```

参数：
- `--content`：UI 界面的自然语言描述
- `--output`：输出目录（默认 ./output）

## 输出

HTML mockup/线框图文件 + 质量检查报告（JSON stdout）。