// صير مؤلّف حِزَم
انشر حزمتك في المعرض.
الحزمة منتج كامل يشتغل من أول لحظة — نظام تصميم متكامل، وصفحات حقيقية، ومهارة ذكاء اصطناعي جاهزة — مو مجرّد مكوّنات متفرّقة. ابنِها بأداة uikit، وتأكّد إنها تمشي مع العقد، وبعدها أرسِلها. وهذا المشوار كامل.
ابنِ هيكل الحزمة
طريقتين للبداية — كل وحدة تعطي حزمتك هويتها وبنيتها الخاصة. لا تكتفي بإعادة تلوين حزمة ثانية: المفروض ما تطلع حزمتين بنفس التخطيط.
الخيار أ — حزمة جديدة من القاعدة الأساسية
الخيار ب — أعِد مزج حزمة موجودة لحزمة جديدة
بتلقى موجز REMIX.md: اعطها هوية جديدة وأعِد ترتيب صفحاتها. ملاحظة: npm i -g uikit-cli يغنيك عن بادئة npx.
خلّها نظامًا كاملًا، مو مجرّد عيّنة
لازم تشتغل من أول استنساخ، وتبان كمنتج جاهز للإطلاق. وهذا هو المعيار:
- نظام تصميم كامل: لوحة ألوان فاتحة وداكنة، ومقياس خطوط، ومقياس نصف قطر موثّق — وكل مكوّن مع تنويعاته.
- الصفحات الأربع كاملة وحقيقية — ومنها لوحة تحكم غنية (جداول ومخططات ومستخدمين ونشاط ومرشّحات وحالات فراغ وتحميل).
- متجاوبة: جوال ← لوحي ← سطح مكتب (sm/md/lg/xl). شريط التنقّل ينطوي، والشبكات تترتّب من جديد.
- عربي وإنجليزي مع RTL كامل، ومبدّل وضع داكن، وخطوط محمّلة فعلًا (استضِف الخط العربي بنفسك إذا احتجت).
- كل شي معرّف وواضح — الألوان ونصف القطر والخطوط ونقاط التوقّف، كلها في الرموز وREADME وuikit.json، مو أرقام عشوائية.
تأكّد إنها تمشي مع العقد
كل حزمة محكومة بمخطّط. لازم ينجح validate قبل ما ترسل، وأمر info يعرض التقنيات والقوالب وخطوات الاستخدام مع الذكاء الاصطناعي عشان تشوف وش بيوصل للمراجعين.
ادفعها لمستودع عام
انشرها على GitHub مع uikit.json في جذر المستودع، ومجلّد screenshots/، ومهارة الاستخدام المرفقة تحت .claude/skills/<id>.
افتح طلب دمج
المعرض git فقط — بلا خادم ولا قاعدة بيانات. تضيف حزمتك بملف JSON واحد في السجلّ، وتفتح طلب دمج. يفحصه الـ CI، يراجعه مشرف، وينشر.
أضِف مُدخلك
- من المجتمع (الافتراضي): خلِّ "verified": false ووجّه screenshots/demoUrl لمستودعك (رابط مثبّت مثل cdn.jsdelivr.net/gh/you/kit@v1.0.0/…).
- موثّقة (يرفّعها مشرف): اللقطات ومقطع المعاينة في مستودع الكِت نفسه، وتُسحب إلى المعرض وقت البناء — لا تُحفظ هنا.
تأكّد، وبعدها افتح الطلب
افتح طلب دمج على GitHubوش يفحص المراجعون
- ملف المُدخل JSON يجتاز المخطّط (الـ CI يشغّل scripts/validate-content.mjs على طلبك).
- الحِزَم الموثّقة تنسخ لقطاتها داخل المستودع، والمجتمعية تثبّت روابطها الخارجية على وسم أو SHA.
- ملف uikit.json الخاص بالحزمة متوافق مع العقد (npx uikit-cli validate).
- رابط العرض المباشر يفتح ويطابق اللقطات.
- المستودع فيه AGENTS.md وllms.txt في جذره (الأداة تنشئهما).
- الرخصة حقيقية ومتساهلة، وما فيه برمجيات خبيثة في سكربتات التثبيت.
النموذج المرجعي: مستودع spark-uikit — React/Vue/Web Components تشتغل فعلًا، والصفحات الأربع، ونظام تصميم كامل، وEN/AR مع RTL.
جاهزة للذكاء الاصطناعي افتراضيًا
أول ما تندمج حزمتك، المعرض يولّد لها تلقائيًا مواصفة تصميمها — /kit/<id>/llms.txt و/kit/<id>/manifest.json — من ملف مُدخلك، ويضيفها لـ /llms.txt على مستوى الموقع. وهذا اللي يخلّي أي مطوّر يقدر يقول «ابنِ لي موقعًا بهذا التصميم: uikit.studio/kit/<id>»، وأداته تعيد إنتاجه بالضبط.
خلِّ AGENTS.md وllms.txt في جذر مستودعك بعد (ينشئهما سكافولد uikit new) عشان يشتغل توجيه الأداة للمستودع كذلك. وكل ما كانت بيانات الألوان والمكوّنات في ملف JSON أغنى، طلعت المواصفة أحسن.