Frontend & Arayüz
UI-UX Pro Max · Slides
Chart.js ve düzen desenleriyle HTML sunum destelleri kurar.
Nedir
Stratejik HTML sunumları için küçük bir yönlendirme skill’i. Bir alt komutu ayrıştırır, sonra düzen desenlerini, bir HTML şablonunu, metin yazarlığı formüllerini ve slayt stratejilerini kapsayan referans dosyalarını yükler.
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Tasarım için neden önemli
- Slaytlar HTML’dir; böylece yazı ve boşluk gerçek tasarım token’larını izler.
- Chart.js veri slaytlarını yönetir; böylece sayılar yapıştırılmış görsel yerine canlı kalır.
- Düzen desenleri bir setten seçilir; desteyi görsel olarak tutarlı tutar.
Neleri kapsıyor
- When to use
- Subcommands
- References
- Routing
Nasıl kurulur
UI-UX Pro Max · Slides
-
Depoyu klonlayın.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Codex’i skill dosyasına yönlendirin.
cli/assets/skills/slides/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Onu create alt komutu artı bir konu ve slayt sayısıyla çağırın.
-
references/create.md’yi yükler ve o oluşturma iş akışını izler.
-
Düzen desenlerini ve metin yazarlığı formüllerini referans dosyalarından çeker.
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.