UI UX Pro Max nedir? Kodlama asistanına tasarım sistemi önerisi aratmak, kurulum ve ücret

Kodlama asistanına (Claude Code, Cursor gibi) "sağlık spa sitesi için renk ve yazı tipi öner" gibi bir istek yazarsın; UI UX Pro Max bilgisayarında duran yerel bir veri tabanında arar ve tutarlı bir tasarım sistemi (renk, yazı tipi, stil, kaçınılacaklar) döner. Veri tabanında 79 stil, 192 renk paleti, 74 yazı tipi çifti, 119 arayüz kuralı ve 22 teknoloji yığını var; önerileri Python ile yazılmış bir arama betiği üretir. MIT lisanslı bir skill koleksiyonu; çekirdek skill ücretsiz, ayrıca fiyatı resmî kaynakta net olmayan bir "Premium" katman anılıyor. Türkçe belge ve Türkçe veri yok.

Ne yapar: Asistana yerel veri tabanından tasarım sistemi önerir
Tür: Skill koleksiyonu (7 skill, hook yok)
Nerede: Claude Code, Cursor, Codex, Gemini CLI, Copilot ve 15 ortam daha
Gerekenler: Python 3.x; kurulum için Node.js
Türkçe: Resmî kaynak yazmıyor
Son sürüm: 2.15.0 (13.08.2026)
Ücret: Çekirdek ücretsiz, MIT lisanslı

UI UX Pro Max ne işe yarar?

Yapay zekâya yaptırılan sayfalar çoğu zaman aynı renkler ve aynı yazı tipiyle çıkar. UI UX Pro Max, asistana bir arayüz tasarlamadan önce başvuracağı bir tasarım bilgi kutusu verir: sektöre uygun renk paleti, yazı tipi çifti, stil, sayfa deseni ve kaçınılacak hatalar. Skill, asistana belirli bir işi nasıl yapacağını anlatan hazır yönergedir; bu skill arayüz işi istediğinde kendiliğinden devreye girer, arka uç ve API işlerinde atlanmasını söyler.

Sayfa için tasarım sistemi önerisiNe alırsın: Desen, stil, renk, yazı tipi ve kaçınılacaklar listesi; istenirse MASTER.md dosyasıAyrı kurulum gerekir Tek tasarım sorusunu aratmakNe alırsın: Kurallar ve örneklerAyrı kurulum gerekir

Kime yarar: Claude Code, Cursor gibi bir asistanla web arayüzü kodlayan ve sonucun şablon gibi görünmesini istemeyen geliştiricilere. Dikkat: README "bu arama sonuçları öneridir" diyor; skill kullanıcının ve projenin kendi kurallarını geçersiz kılmaz.

Sayılar README ve plugin.json'dan. 79 aranabilir stilin 50'si varsayılan önerilerde çıkıyor, 29'u yalnız açıkça istenince. uupm.cc ana sayfası bu sayılar için eski rakamlar (57 stil, 95 palet) gösteriyor.

UI UX Pro Max'ın içinde ne var?

Pazar yolu 7 skill yükler. Çekirdek olan ilkidir; diğerleri marka, görsel ve sunum işleri içindir. Pakette hook ve MCP sunucusu yok.

Skill	Ne için
ui-ux-pro-max	Çekirdek: yerel veri tabanı ve arama betiği. Arayüz tasarlama ya da inceleme isteğinde devreye girer.
design-system	Üç katmanlı tasarım jetonları, CSS değişkenleri, bileşen şartnameleri ve slayt üretimi.
design	Marka kimliği, logo, ikon ve sosyal görsel üretimi; görüntü üretimi için Gemini ya da MuAPI anahtarı ister.
ui-styling	shadcn/ui ve Tailwind CSS ile bileşen ve stil; `npx shadcn@latest` komutlarını anlatır.
brand	Marka sesi, görsel kimlik, mesaj çerçevesi ve varlık yönetimi.
slides	Chart.js ile HTML sunum.
banner-design	Sosyal medya, reklam, web ve baskı için banner; ölçü tabloları.

Hangisi sana lazım: yalnız tasarım önerisi istiyorsan çekirdek skill yeter (npm yolu yalnız onu kurar). Logo, banner ve sunum işleri için pazar paketi gerekir.
Çakışma: aynı işi yapan başka tasarım skill'leriyle (örneğin Anthropic'in Frontend Design eklentisi) birlikte kurarsan asistan iki yönerge arasında kalabilir; birini seç.

Frontend Design eklentisi rehberi

UI UX Pro Max nasıl kurulur?

İki yol var: Claude Code'un eklenti pazarı ya da npm paketi (README'nin "önerilen" dediği yol). Komutlar resmî README'den aynen alındı. Arama betiği için Python 3.x kurulu olmalı; README, ajanların yazılım kurmayıp bunu kullanıcıya sormasını yazıyor.

1. Pazarı ekle› /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill

2. Eklentiyi kur› /plugin install ui-ux-pro-max@ui-ux-pro-max-skill

Pazar yolu 7 skill yükler (aşağıda "İçinde ne var?"). README, 2.5.1 öncesi sürümlerde pazar kurulumunun "symbolic link" hatası verebildiğini yazıyor; o durumda npm yolunu kullan.

1. CLI'yi kur› npm install -g ui-ux-pro-max-cli

2. Proje klasöründe Claude Code için başlat› uipro init --ai claude

Tüm projeler için (kullanıcı klasörüne)› uipro init --ai claude --global

Kurmadan tek seferlik› npx ui-ux-pro-max-cli init --ai claude

Başka asistanlar için --ai değerini değiştir: cursor, windsurf, antigravity, copilot, kiro, codex, gemini, opencode ve README'deki diğerleri; hepsi için --ai all var. Kurulumdan sonra asistanı yeniden başlat; README'nin sınaması "Build a landing page for my SaaS product" yazmak.

Paketin adı ui-ux-pro-max-cli, komutu uipro. Eski "uipro-cli" paketini kullanma (README).

Tasarım sistemi önerisi› python3 .claude/skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness" --design-system -p "Serenity Spa"

Yığına özel kural› python3 .claude/skills/ui-ux-pro-max/scripts/search.py "form validation" --stack react

Windows'ta python3 yerine python yaz. --persist bayrağı tasarım sistemini projeye dosya olarak yazar (design-system/<proje>/MASTER.md).

UI UX Pro Max nasıl kullanılır?

Kurduktan sonra asistana normal bir arayüz isteği yazarsın; skill kendiliğinden devreye girer, arama betiğini çalıştırır ve öneriyi uygular.

Yeni sayfa için tasarım sistemi"Bir güzellik salonu için tek sayfalık tanıtım sitesi yap. Önce UI UX Pro Max ile uygun bir tasarım sistemi öner; renkleri, yazı tipini ve kaçınılacakları yaz, onayımdan sonra kodla."

Tek soru"Bu formda hata mesajları nerede ve nasıl gösterilmeli? UI UX Pro Max kurallarına göre öner."

Veri tabanı İngilizce; Türkçe konuşsan da arama İngilizce satırlardan sonuç getirir. Çıktıdaki uzun alanlar okunabilir olsun diye 300 karakterde kesilir, tam veri için --json bayrağı var (README).

UI UX Pro Max hangi programlarda çalışır?

Claude CodeVar	README pazar yolunu ve `uipro init --ai claude` komutunu anlatıyor.
Cursor, Windsurf, Codex, Gemini CLI, GitHub CopilotVar	README `uipro init --ai` değerleri arasında sayıyor.
Antigravity, Kiro, Roo Code, OpenCode ve diğer 15 kadar asistanVar	Aynı `--ai` listesinde adları geçiyor.
VS CodeNet değil	README'de "VS Code" adı geçmiyor. Copilot ve diğer asistan adları var.
claude.ai ve Claude Desktop (ZIP yükleme)Yok	README, tüm depo ZIP'inin claude.ai'nin 200 dosya sınırını aştığını ve ayrı bir yükleme ZIP'i yayımlanmadığını yazıyor.

"Belgede yok" çalışmaz demek değildir. README kendi içinde de tutarsız: sonundaki "uyumlu ajanlar" bölümü yalnız Claude Code ve AdaL'ı sayıyor.

UI UX Pro Max neye erişir, internete çıkar mı?

Okur

Paketle gelen yerel veri tabanını ve projedeki dosyaları (yığını anlamak için package.json gibi). Asistanın zaten eriştiği dosyalardır.

Yazar ve siler

uipro init skill dosyalarını asistanın klasörüne yazar; --persist ile tasarım sistemi dosyası yazılır (var olan dosyayı zorlamadan ezmez). Asistan öneriye uyarak kodu yazar. uipro uninstall skill klasörünü siler.

İnternet

README arama betiğinin ağ çağrısı yapmadığını yazıyor. Pazar paketindeki ek skill'ler dış hizmet kullanır: logo ve ikon için Gemini, MuAPI ya da Atlas Cloud; arka plan görselleri için Pexels ve Unsplash.

Hook ve MCP

Pakette hook yok. Depodaki ayrı "stack" şablonu kopyalanmadıkça devreye girmez; içindeki ayar proje MCP sunucularını (playwright, chrome-devtools, shadcn) önceden onaylıyor, kopyalamadan önce oku.

Kayıtlı güvenlik uyarısı

GitHub uyarı listesi ve OSV sorgusu boş geldi; depoda SECURITY.md var. Kayıtlı uyarı görünmüyor; bu, güvenli olduğu anlamına gelmez.

Bu bilgi resmî depodan derlendi; bir güvenlik denetimi değildir.

UI UX Pro Max ücretsiz mi?

Evet. Bu depodaki çekirdek skill ücretsiz ve MIT lisanslı: ticari kullanım dahil kullanabilir, değiştirebilir ve dağıtabilirsin. README ayrıca marka kimliği, logo, banner, sunum ve yapay zekâ görsel üretimi gibi işleri kapsayan "Premium" adlı ücretli bir katmandan söz ediyor; fiyatı ve satın alma adresi resmî kaynaklarda görünmüyor.

Katman	Ne var	Ücret
Basic (bu depo)	Aranabilir stil, palet, yazı tipi ve yığın veri tabanı; CLI ile tasarım sistemi üretimi	Ücretsiz, MIT
Premium	README: marka kimliği, logo, kurumsal kimlik, banner, sunum, ikon, görsel üretimi, öncelikli destek	Fiyat resmî kaynakta net değil

Pazar paketindeki design skill'i logo ve ikon için dış hizmetlere (Gemini, MuAPI) bağlanır ve bu hizmetlerin kendi kullanım ücretini sen ödersin; fiyatlarını bu rehber okumadı. Kodlama asistanının kendi planı da ayrıdır.

Kaynak: README "Basic vs. Premium" bölümü ve LICENSE. Yazı tiplerinin (Google Fonts) lisansları ayrı: README onaylı listeye alınan yazı tiplerini sayıyor. Bu bir hukuki görüş değildir.

Sık sorunlar ve çözümleri

Ne oluyor	Ne yapmalı
`uipro` "unknown option --global" ya da "unknown command update" diyor	CLI'nin eski sürümü kurulu. `npm install -g ui-ux-pro-max-cli@latest` yaz ve komutu yeniden dene; eski "uipro-cli" paketini kullanma.
Claude Code pazar kurulumunda "Zip file contains a symbolic link" hatası	2.5.1 öncesi sürümlerin bilinen sorunu; npm yolunu kullan (`uipro init --ai claude`).
claude.ai "Zip contains too many files (maximum 200)" diyor	Tüm depo ZIP'ini yükleme; ayrı bir yükleme ZIP'i yayımlanmıyor. Claude Code'da pazar ya da CLI yolunu kullan.
Tasarım sistemi çıktısındaki alanlar yarıda kesiliyor	README: okunabilir çıktı 300 karakterde keser; tam veri için `--json` ekle.
Kullanıcıların bildirdiği Windows'ta betik "charmap codec can't encode" hatasıyla dosya yazamıyor	GitHub'da açık bir sorun (#135); resmî çözüm yazılı değil. README Windows'ta `python` komutunu öneriyor.
Kullanıcıların bildirdiği Uyguladıktan sonra arayüz eskisinden kötü göründü	İki açık GitHub sorunu var (#446, #263), yanıt yok. Öneriler "öneridir"; beğenmediğini asistana geri aldır.

UI UX Pro Max nasıl kaldırılır?

CLI ile kurduysan: skill'i kurduğun proje klasöründen uipro uninstall (belirli asistan için uipro uninstall --ai claude, küresel kurulum için uipro uninstall --global).
"No installed AI skill directories detected" çıkarsa komutu skill'i kurduğun proje klasöründen çalıştır, --global dene ya da skill klasörünü elle sil (Claude Code için .claude/skills/ui-ux-pro-max).
Pazardan kurduysan: Claude Code'un /plugin yönetimini kullan; adım bu eklentinin belgesinde yazmıyor.
--persist ile oluşan design-system/ klasörü projende kalır; elle silersin.

Sık sorulan sorular

UI UX Pro Max nedir, ne işe yarar?

Kodlama asistanına yerel bir veri tabanından tasarım önerisi (renk paleti, yazı tipi çifti, stil, sayfa deseni) aratan, MIT lisanslı skill koleksiyonu. Veri tabanında README'ye göre 79 stil, 192 palet, 74 yazı tipi çifti, 119 arayüz kuralı ve 22 teknoloji yığını var.

UI UX Pro Max nasıl kurulur?

Claude Code'da /plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill ve /plugin install ui-ux-pro-max@ui-ux-pro-max-skill yaz; ya da npm install -g ui-ux-pro-max-cli ve proje klasöründe uipro init --ai claude. Arama betiği için Python 3.x gerekir.

UI UX Pro Max hangi programlarda çalışır?

README Claude Code, Cursor, Windsurf, Codex, Gemini CLI, GitHub Copilot, Antigravity, Kiro, Roo Code, OpenCode ve diğer asistanlar için uipro init --ai değerleri veriyor. "VS Code" adı geçmiyor; claude.ai'ye ZIP olarak yüklenemiyor (200 dosya sınırı).

UI UX Pro Max ücretsiz mi, lisansı ne?

Çekirdek skill ücretsiz ve MIT lisanslı. README ayrıca fiyatı görülmeyen "Premium" bir katmandan söz ediyor. Pazar paketindeki logo ve görsel üretimi için Gemini ya da MuAPI gibi dış hizmetlerin kendi ücreti ayrıca işler.

UI UX Pro Max için Python gerekir mi, internete bağlanır mı?

Arama betiği için Python 3.x gerekir (yalnız standart kütüphane) ve README betiğin ağ çağrısı yapmadığını yazıyor. Pazar paketindeki ek skill'ler logo ve görsel için dış hizmetlere bağlanır.

UI UX Pro Max güvenli mi, kayıtlı bir güvenlik uyarısı var mı?

GitHub uyarı listesi ve OSV sorgusu boş geldi; kayıtlı uyarı görünmüyor. Bu bir güvenlik sertifikası değil; pakette hook yok ama kurulum dosya yazar ve ek skill'ler dış hizmet kullanır.

İlgili rehberler

Frontend Design Genjutsu

Kaynaklar

Resmî kaynaklarda net olmayanlar: Premium katmanın fiyatı ve içeriği (resmî sayfa açılmıyor) · uipro init'in hangi skill'leri kurduğu · VS Code'da çalıştığı (README yazmıyor) · "frontend-design ile fark" için resmî bir kıyas · Türkçe veri. Her biri ilgili bölümde ne yapabileceğinle birlikte yazılı.