# Style Guide Generator

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

Generate comprehensive website style guides and design systems from URLs, screenshots, and existing documentation. Use this skill when users ask to create a style guide, design system documentation, brand guidelines document, or design specification from a website, app, or existing materials. This skill produces professional PDF outputs following industry-standard style guide structure.

- Kaynak: https://clawhub.ai/tomstools11/skills/style-guide-generator
- Lisans: belirtilmemiş
- Güncellendi: 8 Kasım 2026

## Bir bakışta

**Style Guide Generator ne işe yarar?** “Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Generate comprehensive website style guides and design systems from URLs, screenshots, and existing documentation.

**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 @tomstools11/style-guide-generator --version 1.0.0

**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 @tomstools11/style-guide-generator --version 1.0.0
```

ClawHub CLI gerekir: npm install -g clawhub

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