# Frontend Design Extractor

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

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates. Use when analyzing any frontend repo (React/Vue/Angular/Next/Vite/etc.) to document or migrate UI/UX for reuse across projects. Focus on UI/UX only; explicitly ignore business logic and domain workflows.

- Kaynak: https://clawhub.ai/xsir0/skills/frontend-design-extractor
- Lisans: belirtilmemiş
- Güncellendi: 8 Kasım 2026

## Basitçe

**Nedir?** Skill, ajanına (Claude Code, Codex gibi) yüklenen bir talimat paketidir. Telefona uygulama yüklemeye benzer: bir kez kurarsın, ajan o işi nasıl yapacağını bilir.

**Ne işe yarar?** “Site yapımı ve arayüz” işlerinde kullanılır. Yayıncının sözleriyle: Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates.

**Örnek istek** “Bu sayfanın tasarımını daha düzgün yap.”

**Ajanlar** OpenClaw için hazır komut var.

**Güvenilir mi?** Yıldız bilgisi yok · lisans belirtilmemiş. Kurmadan önce kaynağa bak.

## Benchmark (ANG puanı, 100 üzerinden)

- Claude Code: kurulmaz
- Codex: kurulmaz
- OpenCode: kurulmaz
- OpenClaw: 18
- Grok: kurulmaz
- Antigravity: kurulmaz

## Kurulum

### OpenClaw

```bash
clawhub install @xsir0/frontend-design-extractor --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.