Frontend & Arayüz

high-end-visual-design

Jenerik AI varsayılanlarını engeller, ajans düzeyinde düzen ve hareketi dayatır.

Nedir

Yaygın AI tasarım varsayılanlarını yasaklayan, sonra herhangi bir arayüz kodu yazılmadan önce ajanı tek bir hava arketipi ve tek bir düzen arketipi seçmeye zorlayan bir direktif skill’i.

Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look che
Kaynak SKILL.md’den

Tasarım için neden önemli

  • Inter, Roboto ve kalın Lucide ikonları yasaktır; böylece çıktı şablonvari görünmeyi bırakır.
  • Kartlar iç içe dış kabuk ve iç çekirdek alır; kapsayıcılara gerçek işlenmiş bir derinlik kazandırır.
  • Bölüm dolgusu py-24’ten başlar; böylece düzenler sıkışmak yerine nefes alır.

Neleri kapsıyor

  • Absolute zero directive
  • Creative variance engine
  • Haptic micro-aesthetics
  • Motion choreography
  • Performance guardrails
  • Pre-output checklist

Nasıl kurulur

high-end-visual-design

  1. Depoyu klonlayın.

    git clone https://github.com/Leonxlnx/taste-skill
  2. Codex’i skill dosyasına yönlendirin.

    skills/soft-skill/SKILL.md
  3. Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.

Codex ile nasıl çalıştırılır

  1. Codex’ten bir sayfa isteyin; önce sessizce varyans motorunu çevirir.

  2. Arka plan dokusunu ve yazı ölçeğini iskeletler, sonra çift çerçeveli kapsayıcılar kurar.

  3. Özel cubic-bezier hareket enjekte eder, sonra çıktı öncesi kontrol listesini çalıştırır.

Buradaki her eklenti ücretsiz, açık kaynak ve gerçek üst kaynağına bağlantı veriyor.

codex-design listesinde dahası ↗

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.