How do I install the UI UX Audit Specialist skill?

Run npx skillmds@latest add aibot88/ui-ux-audit-specialist in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is UI UX Audit Specialist safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with UI UX Audit Specialist?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is UI UX Audit Specialist free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published UI UX Audit Specialist?

aibot88 (@aibot88) published this skill. Their other Agent Skills are listed on their SkillMD profile.

UI UX Audit Specialist by aibot88 — Agent Skill

Name: UI UX Audit Specialist
Rating: 4.2 (5 reviews)
Author: aibot88

UI UX Audit Specialist

Audit UI components and pages for accessibility, design system compliance, responsive design, UX writing quality, and performance. Use when asked to review, audit, or check any UI file, component, or page against platform standards.

aibot88 Updated Sep 9, 2026 3 repo stars

File contents

UI/UX Audit Specialist Skill

Modern web uygulamalarının UI bileşenlerini ve sayfalarını profesyonel standartlara, accessibility kurallarına ve design system uyumuna göre denetleme skill'i.

When to use this skill

"Şu component'i gözden geçir" isteklerinde
PR review öncesi UI denetimi yapılırken
Accessibility audit istendiğinde
Design system uyumu kontrol edilirken
UX copy kalitesi değerlendirilirken
Responsive davranış test edilirken

How to use it

Her zaman içsel olarak İngilizce düşün
Her zaman kullanıcıya Türkçe yanıt ver
Kod veya konfigürasyon dosyalarına comment satırı yazma
Bulguları dosya:satır formatında raporla

Audit Süreci

Belirtilen dosya(lar)ı şu sırayla denetle:

Design Token Uyumu — Hardcoded değer var mı?
Accessibility — WCAG AA gereksinimleri karşılanıyor mu?
Dark Mode Parity — Her token dark modda test edildi mi?
Responsive — Tüm breakpoint'ler kapsanıyor mu?
UX Writing — Microcopy kalite standartları karşılanıyor mu?
Component Pattern — CVA, compound component, asChild doğru kullanılıyor mu?
Performance — Gereksiz re-render, animasyon sorunu var mı?
TypeScript — any tipi, eksik tip annotation var mı?

Output Format

Her bulgu şu formatla raporlanmalı:

[R-KURAL-NO] dosya/yolu:satır_no
  SORUN: Kısa açıklama
  MEVCUT: Sorunlu kod snippet'i
  BEKLENEN: Düzeltilmiş hali
  ÖNCELİK: Kritik | Yüksek | Orta | Düşük

Öncelik Tanımları:

Kritik: Accessibility kırık, dark mode tamamen bozuk, console error
Yüksek: WCAG AA uyumsuzluk, hardcoded renk, generic error mesajı
Orta: Responsive eksiklik, UX copy kalitesi, loading state eksik
Düşük: Minor token tutarsızlığı, stil iyileştirmesi

---name: ui-ux-audit-specialistdescription: Audit UI components and pages for accessibility, design system compliance, responsive design, UX writing quality, and performance. Use when asked to review, audit, or check any UI file, component, or page against platform standards.--- # UI/UX Audit Specialist Skill Modern web uygulamalarının UI bileşenlerini ve sayfalarını profesyonel standartlara, accessibility kurallarına ve design system uyumuna göre denetleme skill'i. ## When to use this skill - "Şu component'i gözden geçir" isteklerinde - PR review öncesi UI denetimi yapılırken - Accessibility audit istendiğinde - Design system uyumu kontrol edilirken - UX copy kalitesi değerlendirilirken - Responsive davranış test edilirken ## How to use it - Her zaman içsel olarak İngilizce düşün - Her zaman kullanıcıya Türkçe yanıt ver - Kod veya konfigürasyon dosyalarına comment satırı yazma - Bulguları `dosya:satır` formatında raporla --- ## Audit Süreci Belirtilen dosya(lar)ı şu sırayla denetle: 1. **Design Token Uyumu** — Hardcoded değer var mı? 2. **Accessibility** — WCAG AA gereksinimleri karşılanıyor mu? 3. **Dark Mode Parity** — Her token dark modda test edildi mi? 4. **Responsive** — Tüm breakpoint'ler kapsanıyor mu? 5. **UX Writing** — Microcopy kalite standartları karşılanıyor mu? 6. **Component Pattern** — CVA, compound component, asChild doğru kullanılıyor mu? 7. **Performance** — Gereksiz re-render, animasyon sorunu var mı? 8. **TypeScript** — `any` tipi, eksik tip annotation var mı? --- ## Output Format Her bulgu şu formatla raporlanmalı: ``` [R-KURAL-NO] dosya/yolu:satır_no SORUN: Kısa açıklama MEVCUT: Sorunlu kod snippet'i BEKLENEN: Düzeltilmiş hali ÖNCELİK: Kritik | Yüksek | Orta | Düşük ``` **Öncelik Tanımları**: - **Kritik**: Accessibility kırık, dark mode tamamen bozuk, console error - **Yüksek**: WCAG AA uyumsuzluk, hardcoded renk, generic error mesajı - **Orta**: Responsive eksiklik, UX copy kalitesi, loading state eksik - **Düşük**: Minor token tutarsızlığı, stil iyileştirmesi

Frequently asked questions