Tasarım Sistemleri
UI-UX Pro Max · Design
Logo, kimlik, slayt, banner ve ikon işlerini yönlendiren tek bir giriş noktası.
Nedir
İşleri alt skill’lere ya da yerleşik modüllere yönlendiren birleşik bir tasarım skill’i. Yerleşikler; Gemini betikleriyle logo üretimi, kurumsal kimlik mockup’ları, HTML slaytlar, banner’lar, sosyal fotoğraflar ve SVG ikonları kapsar.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 s
Tasarım için neden önemli
- Logo, kimlik mockup’ları ve sunum, hepsi tek bir marka girdisinden gelir.
- İkonlar SVG metni olarak üretilir; böylece raster değil, düzenlenebilir kalır.
- Banner kuralları güvenli alanları, en fazla iki fontu ve tek bir CTA’yı zorunlu kılar.
Neleri kapsıyor
- Sub-skill routing
- Logo design
- CIP design
- Slides
- Banner design
- Icon design
Nasıl kurulur
UI-UX Pro Max · Design
-
Depoyu klonlayın.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Codex’i skill dosyasına yönlendirin.
cli/assets/skills/design/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Önce GEMINI_API_KEY’i export edin ve google-genai ile pillow’u kurun.
-
Bir tasarım brief’i için scripts/logo/search.py, sonra görseller için generate.py çalıştırın.
-
Teslim edilebilir mockup’lar üretmek için logoyu scripts/cip/generate.py’ye verin.
Buradaki her eklenti ücretsiz, açık kaynak ve gerçek üst kaynağına bağlantı veriyor.
codex-design listesinde dahası ↗Diğer Codex tasarım eklentileri
Frontend & Arayüz Ne yapar gpt-taste GSAP scroll hareketi ve boşluksuz bento ızgaralarıyla ödüllük tarzda landing page’ler kurar. 
Tasarım Sistemleri Ne yapar Stitch Design Taste Google Stitch’i sıradan olmayan ekranlara yönlendiren bir DESIGN.md yazar. 
Frontend & Arayüz Ne yapar image-to-code Önce tasarım görselleri üretir, onları analiz eder, sonra eşleşen frontend kodunu kurar. 
Frontend & Arayüz Ne yapar imagegen-frontend-mobile Premium mobil uygulama ekran akışlarını kod değil, görsel olarak üretir. Sonraki adım
Kurulum derdi olmadan Open Design ile tasarlayın
Bu eklentiyi kendiniz kurun ya da Open Design ile Codex’in etrafına baştan sona küratörlü bir tasarım katmanı geçirin. Kendi anahtarınızı getirin, çıktınızın sahibi olun.