Küratörlü koleksiyon

Codex’e gerçek arayüz çıkarttıran tasarım eklentileri

OpenAI Codex çalışan kod yazar. Kendi haline bırakılırsa güvenli fontlara, ortalama boşluklara ve ortalanmış Helvetica’ya kaçar. Ona zevk kazandıran eklentiler bunlar: estetik skill’ler ve tasarım sistemi kuralları. Birini kurun ya da hepsini OpenDesign içinde çalıştırın.

OpenDesign’ı indir Listeye yıldız ver

Frontend & Arayüz Tek satır kod yazılmadan önce Codex’in varsayılan estetik kararlarını geçersiz kılın.
Tasarım Sistemleri Token’larınızı ve bileşenlerinizi, Codex’in uydurmak yerine uyduğu kurallara dönüştürün.

Frontend & Arayüz

Leonxlnx Eklenti

Ne yapar gpt-taste GSAP scroll hareketi ve boşluksuz bento ızgaralarıyla ödüllük tarzda landing page’ler kurar.

Tasarım Sistemleri

Leonxlnx Eklenti

Ne yapar Stitch Design Taste Google Stitch’i sıradan olmayan ekranlara yönlendiren bir DESIGN.md yazar.

Frontend & Arayüz

Leonxlnx Eklenti

Ne yapar image-to-code Önce tasarım görselleri üretir, onları analiz eder, sonra eşleşen frontend kodunu kurar.

Frontend & Arayüz

Leonxlnx Eklenti

Ne yapar imagegen-frontend-mobile Premium mobil uygulama ekran akışlarını kod değil, görsel olarak üretir.

Frontend & Arayüz

Leonxlnx Eklenti

Ne yapar imagegen-frontend-web Landing page’in her bölümü için ayrı bir yatay referans görsel üretir.

Frontend & Arayüz

Leonxlnx Eklenti

Ne yapar minimalist-ui Düz bento ızgaralarıyla sıcak monokrom editoryal arayüzler kurar.

Frontend & Arayüz

Leonxlnx Eklenti

Ne yapar design-taste-frontend Brief’i okur, bir yön seçer, şablonvari olmayan arayüzler çıkarır.

Tasarım Sistemleri

Leonxlnx Eklenti

Ne yapar industrial-brutalist-ui Analog tane dokusuyla katı İsviçre baskısı ya da CRT terminal arayüzleri kurar.

Frontend & Arayüz

Leonxlnx Eklenti

Ne yapar redesign-existing-projects Var olan bir siteyi denetler ve işlevselliği bozmadan yükseltir.

Tasarım Sistemleri

Leonxlnx Eklenti

Ne yapar brandkit Marka kılavuzu panoları, logo sistemleri ve kimlik sunumlarını görsel olarak üretir.

Frontend & Arayüz

Leonxlnx Eklenti

Ne yapar high-end-visual-design Jenerik AI varsayılanlarını engeller, ajans düzeyinde düzen ve hareketi dayatır.

Frontend & Arayüz

emilkowalski Eklenti

Ne yapar pick-ui-library Bir frontend işini tek bir küratörlü, iddialı kitaplık seçimiyle eşleştirir.

Frontend & Arayüz

emilkowalski Eklenti

Ne yapar apple-design Apple’ın akıcı arayüz ilkeleri, web yayları ve jestlerine çevrilmiş.

Frontend & Arayüz

emilkowalski Eklenti

Ne yapar animation-vocabulary Muğlak bir hareket tarifini tam teknik terimine çevirir.

Frontend & Arayüz

emilkowalski Eklenti

Ne yapar emil-design-eng Emil Kowalski’nin animasyon zamanlaması, easing ve bileşen cilası kuralları.

Tasarım Sistemleri

nextlevelbuilder Eklenti

Ne yapar UI-UX Pro Max · Design Logo, kimlik, slayt, banner ve ikon işlerini yönlendiren tek bir giriş noktası.

Frontend & Arayüz

nextlevelbuilder Eklenti

Ne yapar UI-UX Pro Max · Banner Design Banner’ları HTML’de ölçüsüne göre tasarlar, sonra PNG olarak dışa aktarır.

Frontend & Arayüz

nextlevelbuilder Eklenti

Ne yapar UI-UX Pro Max · UI Styling shadcn bileşenleri ve Tailwind yardımcılarıyla erişilebilir arayüzler kurar.

Tasarım Sistemleri

nextlevelbuilder Eklenti

Ne yapar UI-UX Pro Max · Brand Marka kılavuzlarını, tasarım token’larını ve varlıkları senkron tutar.

Frontend & Arayüz

nextlevelbuilder Eklenti

Ne yapar UI-UX Pro Max · Slides Chart.js ve düzen desenleriyle HTML sunum destelleri kurar.

Tasarım Sistemleri

nextlevelbuilder Eklenti

Ne yapar UI-UX Pro Max · Design System Üç katmanlı tasarım token’ları, bileşen spesifikasyonları ve token uyumlu slayt üretimi.

Frontend & Arayüz

bergside Eklenti

Ne yapar design-skills · Editorial Katı bir 8pt ızgarada Gelasio serif ile dergi düzeni.

Frontend & Arayüz

bergside Eklenti

Ne yapar design-skills · Terracotta Krem üzerine kil vurgusu, DM Serif Display başlıklar, uzun biçimli okuma.

Frontend & Arayüz

bergside Eklenti

Ne yapar design-skills · Dithered Retro, yüksek kontrastlı ekranlar için nokta desenli gölgeleme ve sınırlı palet.

Frontend & Arayüz

bergside Eklenti

Ne yapar design-skills · Neumorphism Space Mono yazıyla taş grisinde yumuşak kabartmalı yüzeyler.

Frontend & Arayüz

bergside Eklenti

Ne yapar design-skills · Bento Krem üzerinde çeşitli bloklardan ızgara, Inter yazı, kompakt ölçek.

Frontend & Arayüz

bergside Eklenti

Ne yapar design-skills · Claymorphism Kabarık yuvarlak 3D şekiller, Poppins başlıklar, beyaz üzerine mavi.

Frontend & Arayüz

bergside Eklenti

Ne yapar design-skills · Brutalism Ham betondan esinli düzenler, Darker Grotesque başlık, kırmızı ve okra.

Frontend & Arayüz

Nutlope Eklenti

Ne yapar Hallmark 58 kapı ve zorunlu yapısal çeşitlilikle özensizlik karşıtı bir tasarım akışı.

Frontend & Arayüz

pbakaus Eklenti

Ne yapar Impeccable Frontend arayüzleri kurmak, eleştirmek ve inceltmek için yirmi dört komut.

Tasarım Sistemleri

zanwei Eklenti

Ne yapar Design DNA Bir referans tasarımını yapılandırılmış JSON’a çıkarın, sonra ondan üretin.

Tasarım Sistemleri

hamen Eklenti

Ne yapar Material 3 Google’ın Material Design 3’ünü Compose, Flutter ve web’de uygulayın.

Frontend & Arayüz

jakubkrehel Eklenti

Ne yapar Details that make interfaces feel better Bir inceleme kontrol listesiyle on altı somut arayüz cilası kuralı.

Frontend & Arayüz

BuilderIO Eklenti

Ne yapar Agent-Native Plans Metin planlarını wireframe ve prototiplerle incelenebilir belgelere çevirin.

Tasarım Sistemleri

tw93 Eklenti

Ne yapar Kami Özgeçmişleri, teknik raporları, desteleri ve landing page’leri tek bir tasarım dilinde dizin.

Frontend & Arayüz

MengTo Eklenti

Ne yapar Border Gradients Kartlar, paneller ve navigasyon çubukları için rafine degrade kenarlar.

Frontend & Arayüz

MengTo Eklenti

Ne yapar Masked Reveal Başlıkları scroll sırasında bir overflow maskesiyle kelime kelime açığa çıkarın.

Frontend & Arayüz

MengTo Eklenti

Ne yapar Framed Grid Layout İnce çerçeveler ve köşe ayraçlarıyla hassas editoryal düzenler kurun.

Frontend & Arayüz

MengTo Eklenti

Ne yapar Container Lines İçerik kapsayıcınızın kenarlarına sessiz dikey kılavuz çizgileri çizin.

Frontend & Arayüz

MengTo Eklenti

Ne yapar Skeuomorphic UI Butonlara ve panellere katmanlı degradeler ve gölgelerle dokunsal derinlik verin.

Tasarım Sistemleri

MengTo Eklenti

Ne yapar Beautiful Shadows Nötr katmanlı yükseklik için üç hazır Tailwind gölge yardımcısı.

Frontend & Arayüz

MengTo Eklenti

Ne yapar Dither Background Görünür 4x4 Bayer dithering’i ve kare piksellerle canvas arka planı.

Frontend & Arayüz

MengTo Eklenti

Ne yapar WebGL Laser Ak sıcak çekirdek ve marka tonlu sisle tam ekran shader ışını.

Tasarım Sistemleri

MengTo Eklenti

Ne yapar Mesh Gradient Dark Blue Clean Hero kabuğu içinde bir mesh alanı olan neredeyse siyah lacivert sistem.

Frontend & Arayüz

MengTo Eklenti

Ne yapar Cinematic Scroll Storytelling Scroll ile anlatan sayfalar: Lenis, ScrollTrigger, yapışkan kart yığınları.

Tasarım Sistemleri

MengTo Eklenti

Ne yapar Agency Grid Layout Minimal Aşırı büyük başlıklar ve minik büyük harf etiketlerle editoryal çok sütunlu ızgara.

Tasarım Sistemleri

MengTo Eklenti

Ne yapar Glass Dark Mode Clock Dairesel bir kalibrasyon kadranı etrafında kurulu koyu buzlu yüzeyler.

Frontend & Arayüz

MengTo Eklenti

Ne yapar WebGL 3D Object CSS transform numarası değil, gerçekten ışıklandırılmış bir 3D hero nesnesi.

Frontend & Arayüz

greensock Eklenti

Ne yapar GSAP Skills Çekirdek tween’lerden ScrollTrigger ve React’e resmi GSAP animasyon seti.

Frontend & Arayüz

emilkowalski Eklenti

Ne yapar Animation Review Kıdemli bir zanaat çıtasına karşı hareketi bulun, iyileştirin ve inceleyin.

Sonraki adım

Kurulumu atlayın: Codex ile OpenDesign içinde tasarlayın

OpenDesign, Codex’in etrafında çalışan açık kaynaklı, agent-native tasarım çalışma alanıdır. Sistemlerinizi, skill’lerinizi ve şablonlarınızı tutarlı tutar; ajan da sahibi olduğunuz işi çıkarır.

OpenDesign’ı indir ↗ Tüm eklentilere göz at