uxskill
GitHub’da Yıldızla
v3.1.0 · DEHA · CANLI MIT · TELEMETRİ YOK · LLM YOK

Ortaya üretilmiş gibi durmayan tasarımlar çıkaran deha.

7 eksenli bir sentezleyici, her brief’i yepyeni bir tasarım diline dönüştürür, hem de markanıza sıkıca bağlı. Ücretsiz, MIT lisanslı, 17 yapay zeka kodlama aracında çalışır.

Kaydır
Her gün yayınladığınız şey

Yapay zekanız varsayılan olarak ortalamayı gönderir.

Herhangi bir modele "bir açılış sayfası oluştur" deyin. Karşılığında, yuttuğu her sayfanın ortalamasını alırsınız, her seferinde on saniye içinde. İşte ortalama böyle görünüyor.

Bana bir fintech açılış sayfası yap.
the slop
Tamam. Ben herkes gibi değil, bize özgü görünmesini istiyorum.
İşin özü bu. Okumaya devam edin.the turn ↓
Dönüm noktası

Ya modelin içine bir tasarımcı beyni entegre edilmiş olsaydı?

Daha büyük bir model değil. En yakın şablona uzanmak yerine, bir tasarım dili derleyen (sıcaklık, kontrast, geometri, tipografi) deterministik bir katman.

Tek bir akış, dağınık kartlar değil

Bir tasarım dili derler. Şablon değil.

Beş deterministik adım, başlangıçtan yayına.

system.tokens.css
/* reading brief... */
--industry:'fintech'
--audience:'design-engineers'
--mood:'precise, calm'
01

Brief’i oku.

Sektör, hedef kitle, ruh hali: yapılandırılmış bir girdi olarak ayrıştırılır, tahmine yer yok.

system.tokens.css
/* synthesizing axes... */
--warmth:0.28
--contrast:0.91
--density:0.44
--formality:0.78
02

Yedi ekseni ayarla.

Sıcaklık, kontrast, yoğunluk, geometri, biçimsellik, hareket, tipografi: ayarlanır, sonra token olarak çıkarılır.

system.tokens.css
/* anchoring brand... */
--canvas:#f6f7f9
--ink:#10131a
--accent:#5b9cff
--radius:10px
03

Markanıza sabitle.

Ana renk, logonuzun piksellerinden çekilir, en yakın CSS adlandırılmış renginden değil.

system.tokens.css
--display:'Bricolage Grotesque'
--body-font:'Inter'
/* linting 152 rules... */
/* 0 violations */
04

152 anti-deseni denetle.

Gradyan başlıklar, üç eşit kart, dolgu fiilleri: burada derlemeyi geçemez.

system.tokens.css
/* verifying 360px... */
/* h-scroll: none */
/* sticky: 56px ok */
/* verified ok */
05

Mobil uyumluluğu gerçekten doğrula.

Headless Chrome’da gerçek 360/390 pikselde render edilir. Yatay kaydırma derlemeyi başarısız kılar, kullanıcılarınızı değil.

Külliyat, kelime dağarcığıdır

160 gerçek marka spesifikasyonu: damga değil, kelime olarak.

Katalog eskiden bir menüydü: Stripe’ı seç, Stripe tadında tokenları al. v3 bunu tamamen değiştirdi: Stripe, Linear, Vercel, Ferrari, Anthropic, motorun damıttığı kelime dağarcığı haline geldi, böylece her çağrıda çıktı özgün olur. Deterministik, çevrimdışı, döngüde model yok.

1,243  yapılandırılmış girdiler, sorgulanabilir ve çapraz referanslı

corpus.manifest styles84 palettes176 type-pairs70 components148 brands160 anti-patterns152 1,243 entries deterministic · offline · no LLM
Zaten geliştirdiğiniz yerde çalışır

Aynı motor, aynı markaya sadık çıktı, her yerde.

Claude Code, Cursor, Windsurf, Copilot, Gemini, Codex, Zed, JetBrains, Cline, Continue, Aider, Tabnine: tek kurulum, araç başına yapılandırma yok. Ekibiniz editörünü korur; standart beraberinde gelir.

Neden bu bir zemin standartı

Üç özellik. Hiçbir rakip üçüne de sahip değil.

Deterministik

Aynı brief, aynı sistem. Motorda model yok, telemetri yok, uçakta bile çalışır.

Markaya sadık

Ana renk logonuzun piksellerinden; marka dışı herhangi bir çıktıyı kesinlikle engeller.

Mobil uyumluluk garantili

Gerçek 360 / 390 piksel görünüm alanlarında render edilir: yatay kaydırma derlemeyi başarısız kılar, kullanıcılarınızı değil.

1,243
Yapılandırılmış girdiler
160
Marka spesifikasyonları
152
Anti-desen kuralları
17
IDE entegrasyonları
Kurulum

Tek satır. Sonra geliştir.

Pythonpip install uxskill
Nodenpx uxskill@latest
Kaynakgithub.com/Laith0003/ux-skill