uxskill
GitHub’da Yıldızla
Dil
English 简体中文 繁體中文 日本語 한국어 हिन्दी Bahasa Indonesia Tiếng Việt ไทย العربية Español Français Deutsch Português Русский Türkçe Italiano
3.1
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.

pip install uxskill GitHub’da Yıldızla
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ı

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.

Python `pip install uxskill`
Node `npx uxskill@latest`
Kaynak `github.com/Laith0003/ux-skill`
pip install uxskill GitHub’da Yıldızla