# 用于快速产出**架构图 / 流程图 / 时序图 / 部署图**等可视化交付物，常见输出为 `.svg`（可离线打开）或 `.html`（浏览器直接预览）

Skill, Site yapımı ve arayüz alanında. Sayfa: https://angskills.com/k/svg-html

面向架构与流程的专业制图技能。支持两种产出方式：(1) 直接生成高质量 SVG 分层架构图，提供 11+ 种风格（blue/cyber/dark/gray/green/handdrawn/mono/morandi/ocean/orange/purple/tailwind），支持精确布局与中文；(2) 使用 Mer...

- Kaynak: https://clawhub.ai/footya/skills/arch-diagrammer
- Lisans: belirtilmemiş
- Güncellendi: 8 Kasım 2026

## Bir bakışta

**Bu skill ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: 面向架构与流程的专业制图技能。支持两种产出方式：(1) 直接生成高质量 SVG 分层架构图，提供 11+ 种风格（blue/cyber/dark/gray/green/handdrawn/mono/morandi/ocean/orange/purple/tailwind），支持精确布局与中文；(2) 使用 Mer...

**Kimin işine yarar?** Web sitesi tasarımı, React ve Vue bileşenleri, Tailwind, animasyon, tarayıcı testleri ve yayına alma için skill ve MCP sunucuları.

**Hangi ajanlarda çalışır?** OpenClaw için hazır kurulum komutu var.

**Nasıl kurulur?** OpenClaw için terminalde şu komutu çalıştır: clawhub install @footya/arch-diagrammer --version 1.0.1

**Güvenilir mi?** Lisansı belirtilmemiş. Komutlar yayıncının kaydından üretildi; kurmadan önce kaynağına göz at.

## Kurulum

### OpenClaw

```bash
clawhub install @footya/arch-diagrammer --version 1.0.1
```

ClawHub CLI gerekir: npm install -g clawhub

Komutlar yayıncının kayıt bilgisinden üretildi; ANG skills bunları çalıştırıp denetlemedi.