Tasarım Sistemleri
Stitch Design Taste
Google Stitch’i sıradan olmayan ekranlara yönlendiren bir DESIGN.md yazar.
Nedir
Google Stitch ekran üretimi için optimize edilmiş bir DESIGN.md dosyası oluşturur. Atmosferi, rengi, tipografiyi, bileşenleri, düzeni, hareketi ve açık bir yasaklı desen listesini kodlar.
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion,
Tasarım için neden önemli
- Stitch ekranları neon mor degradeler yerine %80 doygunluğun altında tek bir vurgu rengi devralır.
- Ortalanmış hero’lar ve üç eşit kart sırası, belirlenen varyans eşiğinin üzerinde yasaktır.
- Yükleme ve boş durumlar, jenerik döngü ikonları yerine iskelet ve kurgulanmış hale gelir.
Neleri kapsıyor
- Overview
- Prerequisites
- Analysis and synthesis instructions
- Output format
- Best practices
- Common pitfalls to avoid
Nasıl kurulur
Stitch Design Taste
-
Depoyu klonlayın.
git clone https://github.com/Leonxlnx/taste-skill -
Codex’i skill dosyasına yönlendirin.
skills/stitch-skill/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Projenin havasını tarif edin; skill yoğunluk, varyans ve hareket puanlarını belirler.
-
Onaltılık kodlar ve işlevsel renk rolleriyle yedi bölümlük bir DESIGN.md üretir.
-
Bu dosyayı doğrudan Stitch’e, ya da Stitch MCP sunucusu üzerinden 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. 
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. 
Frontend & Arayüz Ne yapar imagegen-frontend-web Landing page’in her bölümü için ayrı bir yatay referans görsel ü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.