ux-skill
AI kodlama araçları için bir tasarım zekâ motoru. Tek bir marka rengi girilir, WCAG kontrolünden geçmiş bir tasarım sistemi çıkar. Çevrim dışı, LLM yok, MIT.
Bir paragrafta
ux-skill, Claude Code ve diğer 16 AI kodlama aracına bağlanan açık kaynak bir tasarım zekâ motorudur; böylece oluşturdukları arayüzler AI yapımı gibi görünmez. 4.0 Foundations sürümü, tek bir marka rengi ve bir brief ile tam bir tasarım sistemi oluşturur, her renk eşleşmesini WCAG’ye göre kontrol eder ve yalnızca onaylananları yazar; Arapça ve sağdan sola destek dahildir. Çevrim dışı çalışır, hiçbir zaman bir LLM çağırmaz ve MIT lisansı altında ücretsizdir. Laith Aljunaidy tarafından Amman’da geliştirilmiş ve sürdürülmektedir.
v4.0.0 Foundations, canlı, MIT
Neden geliştirdim
Yapay zekâ kodlama araçları bir öğleden sonra bütün bir ürün geliştirebiliyor. Ama hepsi birbirine benziyor. Aynı mor renk geçişi, aynı üç kart, aynı stok ana görsel, aynı tipografi. Yapay zekâyla yapılmış bir sayfayı uzaktan tanıyabiliyorsunuz.
Mesleğim tasarım ve her gün bu araçlarla ürün geliştiriyorum. Bir tasarımcı gibi çalışsınlar istedim: markadan ve iş tanımından başlasınlar, makine üretimi görünen kalıpları reddetsinler, yayınlamadan önce işi kontrol etsinler. Arapça ve sağdan sola desteğin de sonradan bir düzeltme değil, ilk tasarım değişkeninden itibaren sistemin parçası olmasını istedim. Çünkü çoğu araç, tasarım yaptığım insanları tam burada yarı yolda bırakıyor.
Bu yüzden ux-skill bir şablon yapıştırmaz. Eğitim verisi olarak ele alınan gerçek marka kurallarından ve özensiz çıktıyı reddeden bir denetleyiciden yararlanarak önündeki iş tanımına uygun tasarım dili derler.
Aynı yapay zekâ kodlama aracı, aynı istem. ux-skill sınırları belirlediğinde sayfa sıradan görünümünden kurtuluyor.
4.0 sürümündeki yenilikler
4.0 Foundations sürümü 2 Kasım 2026’da yayınlandı. Tek marka rengi ve iş tanımından eksiksiz bir tasarım sistemi.
- Dokuz temel. Renk, tipografi, boşluk, yerleşim, köşe yarıçapı, kenarlık, yükselti, hareket ve görseller. Her biri temel değerlerden anlamsal rollere kadar W3C tasarım değişkenleri ve CSS olarak yazılır.
- Her rolde beş mod. Açık ve koyu, standart ve yüksek kontrast, rahat ve kompakt, soldan sağa ve sağdan sola, tam ve azaltılmış hareket. Sayfadaki tek bir öznitelik her birini değiştirir.
- WCAG kontrolü. Her metin, kontrol ve odak eşleşmesi açık ve koyu modda, standart ve yüksek kontrastta ölçülür. Kontrolü geçemeyen sistem yazılmaz; mesaj neyin değişmesi gerektiğini söyler.
- Yerleşik Arapça. Sağdan sola düzende metin kendi ölçeği ve satır yüksekliği olan Arapça yazı tipine geçer, boşluklar mantıksal yönlere uyarlanır, hareket aynalanır.
- Mevcut sisteminizi okur. Tasarım değişkenleri, CSS, Tailwind, Markdown kuralları ve Figma değişkenleri için içe aktarıcılar. Eksikleri bildirir, hiçbir değişkeni yeniden yazmadan dosyalarınızın yanına ekler.
- Kuralları tanımlanmış bileşenler ve bölümler. 23 bileşen ve 14 bölüm sözleşmesi, her parçanın her durumda hangi değişkenlere bağlandığını ve her bölümün telefonda nasıl çalıştığını belirtir.
- Sayfayı çalıştıran denetleyici. Sayfayı gerçek tarayıcıda masaüstü ve telefon genişliklerinde açar; görünmeyen odak halkaları, geç tepki veren üzerine gelme durumları, azaltılmış hareket tercihini yok sayan animasyonlar gibi insanların fark edeceği sorunları kontrol eder.
Nasıl çalışır
Python ile yazılmış akıl yürütme çekirdeği ve belirlenimci, yedi eksenli bir sentezleyici: sıcaklık, kontrast, yoğunluk, geometri, resmiyet, hareket ve tipografik karakter. Stiller, paletler, yazı tipi eşleşmeleri, bileşenler, sektörler, grafikler, hareket ön ayarları, UX yasaları, kaçınılacak kalıp kuralları, teknoloji yığınları ve 160 gerçek marka kuralı dâhil on iki yapılandırılmış veri dosyasından beslenir. Aynı girdiler, her seferinde aynı çıktı.
Claude Code, Cursor, Windsurf, GitHub Copilot, Gemini CLI, Codex ve on bir başka araca eğik çizgi komutları, alt ajanlar ve MCP sunucusu olarak kurulur. Tamamen çevrim dışı çalışır, hiçbir zaman LLM çağırmaz ve veri toplamaz.
Rakamlarla
| Sürüm | 4.0.0, Foundations, 2 Kasım 2026 |
|---|---|
| Desteklenen yapay zekâ kodlama araçları | 17 |
| Tasarım temelleri | 9 |
| Kaçınılacak kalıplar için denetim kuralları | 171 |
| Gerçek marka kuralları | 160 |
| MCP araçları | 25 |
| Eğik çizgi komutları | 18 |
| Bileşen ve bölüm sözleşmeleri | 23 ve 14 |
| README dilleri | 17 |
| GitHub yıldızları, 9 Kasım 2026 | 95 |
| Lisans | MIT, ücretsiz |
Durum
Yayında ve bakımı sürüyor. pip install uxskill ile kurun, kodu GitHub üzerinde okuyun, uxskill.laithjunaidy.com adresinde inceleyin. Bu web sitesi onunla geliştirildi.
Sıkça sorulan sorular
ux-skill nedir?
ux-skill, Claude Code, Cursor ve Windsurf gibi yapay zekâ kodlama araçları için ücretsiz, açık kaynak bir tasarım zekâsı motorudur. Marka rengi ve iş tanımından tasarım sistemleri kurar, yapay zekâyla geliştirilen sayfalarda sıradan görünüme neden olan kalıpları denetler.
ux-skill 4.0 sürümünde neler yeni?
4.0 Foundations sürümü tek bir marka renginden eksiksiz tasarım sistemi kurar: dokuz temel, her rolde beş mod, WCAG kontrast kontrolü, yerleşik Arapça ve sağdan sola desteği, mevcut sistemler için içe aktarıcılar, bileşen ve bölüm sözleşmeleri.
ux-skill bir yapay zekâ modeli çağırıyor mu?
Hayır. Belirlenimci motor ve yapılandırılmış veriyle tamamen çevrim dışı çalışır; LLM çağırmaz ve telemetri toplamaz. Aynı girdiler her zaman aynı çıktıyı verir.
Diğer araştırmalar
Tüm araştırmalar- Dot
Dot, Orta Doğu'daki tedarikçiler için sadakat ve ödül platformudur, thedotwallet.com adresinde canlı. Müşteri sadece telefon numarasıyla tanımlanır, asla e-posta kullanılmaz ve puanları ve ödülleri, ağdaki her tedarikçi arasında onlara eşlik eder. Puanlar, her yolda sahte para önlemleri bulunan, imzalı tek kullanımlık iade jetonları ile çalışan bir olay kayıt defterinde işletilir. Arapça öncelikli, bir kasa uygulaması, bir Odoo POS eklentisi ve bir Shopify entegrasyonu ile. Laith Aljunaidy tarafından kurulan ve işletilen.
Yayında Açın
