uxskill
ضع نجمة على GitHub
v3.1.0 · العقل · مباشر MIT · لا تتبع · لا يعتمد على LLM

العقل الذي يقدم تصاميم لا تبدو مولدة آليًا.

مُركِّب ذو 7 محاور يحوّل أي موجز إلى لغة تصميم متفردة، مرتكزة على علامتك التجارية. مجاني، MIT، يعمل مع 17 أداة برمجة ذكاء اصطناعي.

مرر
ما تطلقه كل يوم

يقدم ذكاؤك الاصطناعي النمط الوسطي افتراضيًا.

اطلب من أي نموذج أن "يبني صفحة هبوط". ستحصل على متوسط كل صفحة استوعبها, في عشر ثوانٍ، كل مرة. هذا ما يبدو عليه النمط الوسطي.

ابنِ لي صفحة هبوط لـ fintech.
the slop
حسنًا. أريدها أن تبدو مثلنا, لا مثل الجميع.
هذه هي المهمة بأكملها. تابع القراءة.the turn ↓
التحول

ماذا لو كان النموذج يمتلك عقل مصمم مدمجًا؟

ليس نموذجًا أكبر. بل طبقة حتمية تُجمّع لغة تصميم (الدفء، التباين، الكثافة، الشكل الهندسي، الرسمية، الحركة، الخط) بدلاً من اللجوء إلى أقرب قالب جاهز.

تسلسل واحد، لا بطاقات مبعثرة

يُجمّع لغة تصميم. ليس قالبًا جاهزًا.

خمس خطوات حتمية، من الفكرة حتى الإطلاق.

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

اقرأ الموجز.

الصناعة، الجمهور، المزاج: تُحلل إلى مدخلات منظمة، لا مجال للتخمين.

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

حدد المحاور السبعة.

الدفء، التباين، الكثافة، الشكل الهندسي، الرسمية، الحركة، الخط: تُضبط، ثم تُصدر كرموز.

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

ارتكز على علامتك التجارية.

اللون الأساسي يُستخرج من بكسلات شعارك, وليس من أقرب لون CSS مسمى.

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

افحص 152 نمطًا شائعًا.

رؤوس بتدرج لوني، ثلاث بطاقات متساوية، أفعال حشو: تفشل عملية البناء هنا.

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

تحقق من التوافق مع الجوال، فعليًا.

تُعرض بدقة 360/390px في متصفح Chrome بلا واجهة رسومية (headless). التمرير الأفقي يتسبب في فشل البناء، وليس في إحباط المستخدمين.

المجموعة هي المفردات

160 مواصفات علامة تجارية حقيقية: ككلمات، لا كأختام.

كان الكتالوج مجرد قائمة: اختر Stripe، واحصل على رموز بنكهة Stripe. v3 قلب هذا المفهوم رأسًا على عقب: فـ Stripe، Linear، Vercel، Ferrari، Anthropic أصبحت هي المفردات التي يستخلص منها المحرك، لذا تكون المخرجات مبتكرة في كل استدعاء. حتمي، يعمل دون اتصال، لا يوجد نموذج ذكاء اصطناعي في العملية.

1,243  مدخلات منظمة، قابلة للاستعلام والربط المرجعي

corpus.manifest styles84 palettes176 type-pairs70 components148 brands160 anti-patterns152 1,243 entries deterministic · offline · no LLM
يعمل حيث تبني بالفعل

المحرك ذاته، المخرجات الموالية للعلامة التجارية ذاتها، في كل مكان.

Claude Code، Cursor، Windsurf، Copilot، Gemini، Codex، Zed، JetBrains، Cline، Continue، Aider، Tabnine: تثبيت واحد، لا إعدادات لكل أداة. يحتفظ فريقك بمحرره؛ ويأتي المعيار الأساسي معه.

لماذا هذا هو المعيار الأساسي

ثلاث خصائص. لا يمتلكها أي منافس مجتمعة.

حتمي

الموجز ذاته، النظام ذاته. لا يوجد نموذج في المحرك، لا تتبع، يعمل حتى على متن طائرة.

موالٍ للعلامة التجارية

اللون الأساسي من بكسلات شعارك؛ معيار صارم للدقة يرفض أي مخرج لا يتماشى مع العلامة التجارية.

متحقق من الجوال

تُعرض على منافذ عرض حقيقية بقياس 360 / 390 بكسل: التمرير الأفقي يتسبب في فشل البناء، وليس في إحباط المستخدمين.

1,243
مدخلات منظمة
160
مواصفات العلامات التجارية
152
قواعد الأنماط الشائعة
17
تكاملات بيئات التطوير المتكاملة (IDE)
تثبيت

سطر واحد. ثم ابدأ البناء.

Pythonpip install uxskill
Nodenpx uxskill@latest
المصدرgithub.com/Laith0003/ux-skill