+
ALWKALA logo
ابدأ بقوة .. تعلم بسرعة .. توسع بحكمة
🚀
0%
arrow_forward العودة لكتالوج المنتجات
مستقر · مفتوح المصدر · v1.1.0 location_city 12 ثيم لوني قاهري
أول لغة تصميم برمجي عربية مصرية بالذكاء الاصطناعي

لغة تصميم قاهرية أصيلة
مهندسة خصيصاً لعصر الذكاء الاصطناعي.

ليست مجرد مكتبة مكونات أو تعريب أفقي معكوس. قاهرة هي لغة تصميم وهندسة واجهات متكاملة تمنح نماذج الذكاء الاصطناعي طبقة اتخاذ قرار منضبطة (AI Decision Layer) لتوليد صفحات وتطبيقات متناسقة بنسبة 100%، وتوفير أكثر من 40% من التوكنز، مع 12 ستايل لوني مستوحى من تاريخ القاهرة العريق.

Terminal (CLI Quickstart)
Ready to Run
$ npx qahera-ui init --target=react
Qahera UI Kit — Official Visual Preview
Qahera UI Kit — Inspired by Cairo. Built for what's next.
ق

Qahera Architecture

1056 Years of Cairo Visual DNA

Production Ready
42 مكون قياسي
20 نمط مركب
18 قالب تفاعلي
bolt توفير التوكنز في نماذج الـ AI +40% Savings
palette لوحات ألوان أحياء القاهرة 12 Neighborhoods
code_blocks بيئات العمل المدعومة 6 Multi-Stack
«التصميم لغة تعبر عن حضارة وليس مجرد انعكاس أفقي للإنجليزية. قاهرة تجعل التصميم العربي لغة بصرية أصيلة تفهمها الآلة والإنسان معاً.»
المعاينة البصرية الرسمية

الهوية البصرية والمعمارية لمشروع Qahera UI Kit

Qahera UI Kit Architecture & Visual Showcase
الركائز الهندسية للمشروع

لماذا قاهرة مختلفة عن أي مكتبة مكونات سابقة؟

بنينا قاهرة للإجابة على السؤال الحاسم: كيف نحول نظام التصميم من مجرد أزرار وبطاقات يرسمها المطور، إلى لغة تصميم منظمة يستطيع الذكاء الاصطناعي فهمها والاختيار منها وتركيبها بانضباط تام؟

psychology

طبقة قرار هندسية للذكاء الاصطناعي (CDL)

عقود برمجية صارمة (YAML Contracts) ووصفات جاهزة (Recipes) تفهمها نماذج الـ AI فتمنع الهلوسة البصرية (Anti-Slop) وتوفر أكثر من 40% من استهلاك التوكنز.

temple_buddhist

هوية ثقافية وليست انعكاساً للإنجليزية

التصميم لغة تعبر عن ثقافة. قاهرة تحمل مفردات 1056 عاماً من تاريخ القاهرة مع 12 لوحة لونية مستوحاة من أحيائها الشهيرة لتعبر عن الهوية العربية الحقيقية.

layers

توافق متعدد المنصات (Universal Multi-Stack)

تكافؤ دلالي تام عبر 6 بيئات عمل: React RSC، PHP Plates، Pure Web Components، HTMX، HTML Native، و Tailwind مع أداة CLI قوية وسريعة.

الهوية البصرية والألوان

12 ثيم لوني مستوحى من أشهر أحياء القاهرة

تخيل أن تقول لزميلك في العمل: التصميم ده شبرا ولا معادي؟ قاهرة تجعل روح كل حي لوحة ألوان بصرية منضبطة ومتناسقة.

brush data-theme="maadi | shubra..."

المعادي

Garden & Tranquil

هدوء الشوارع المشجرة وأناقة الضواحي الراقية

#059669 Maadi

شبرا

Vibrant & Warm

طاقة مجتمعية دافئة وحيوية شعبية أصيلة

#D97706 Shubra

الزمالك

Nile Prestige

أرستقراطية نيلية كوزموبوليتانية وفخامة كلاسيكية

#1E3A8A Zamalek

مصر الجديدة

Sandstone & Deco

حجر قصر البارون الرملي وطراز الآرت ديكو العريق

#C2410C Heliopolis

خان الخليلي

Artisan & Brass

نحاس إسلامي معتق ولازورد وأصالة أسواق التاريخ

#B45309 Khan El Khalili

وسط البلد

Neoclassical

عمارة خديوية باريسية وتراث معماري عريق

#475569 Khedivial Downtown

القلعة

Fortress & Stone

هيبة أسوار صلاح الدين وأحجار الحصون الشامخة

#78350F The Citadel

جاردن سيتي

Emerald Diplomatic

شوارع دائرية خضراء ونسيم النيل الدبلوماسي

#047857 Garden City

الدقي والمهندسين

Business Agility

حيوية تجارية معاصرة وريادة أعمال سريعة

#0369A1 Dokki & Mohandessin

الفسطاط

Ceramic & Dawn

طين الخزف التاريخي وأول عواصم الحضارة الإسلامية

#9A3412 Fustat

النوبة وأسوان

Cobalt & Sun

أزرق نوبي سماوي وشمس جنوبية دافئة مبهجة

#4338CA Nubian Heritage

القاهرة الجديدة

Minimalist Future

حداثة تقنية وزجاج هندسي وبنية مستقبلية

#4F46E5 New Cairo
تجربة المطور وسطر الأوامر

5 أوامر ذكية لإدارة وبناء واجهتك بالكامل

أداة سطر أوامر خفيفة وسريعة (Zero Setup CLI) تتيح لك تثبيت المكونات والأنماط والقوالب مباشرة داخل كود مشروعك بملكية كاملة.

01

تهيئة المشروع واكتشاف البيئة

يولد ملف التكوين qahera.json ومكتبة توكنز tokens.css ويثبت مهارة الذكاء الاصطناعي .agents/skills/qahera-ui تلقائياً.

npx qahera-ui init --target=react
02

إضافة المكونات مباشرة لكودك

يضخ المكونات المطلوبة مباشرة داخل مشروعك بملكية كود 100% دون اعتماديات خارجية مغلقة.

npx qahera-ui add button modal card --target=react
03

تطبيقات PHP والمونوليث الحديث

دعم أصيل لقوالب PHP Plates ومشاريع FlightPHP بمكونات مخدمية فائقة السرعة.

npx qahera-ui add button alert navbar --target=php --dest=./views/qahera
04

تركيب الأنماط المعقدة والقوالب

إضافة شاشات ولوحات تحكم إدارية كاملة متوافقة مع قواعد التناسق البصري وحالات التفاعل.

npx qahera-ui add pattern:dashboard-stat template:admin --target=react
05

استعراض ترسانة الأصول الكاملة

استكشف 42 مكوناً قياسياً، و20 نمطاً مركباً، و18 قالباً تفاعلياً جاهزاً للتركيب الفوري.

npx qahera-ui list
المقارنة الفنية والهندسية

مقارنة قاهرة مع المكتبات التقليدية وتصميم الـ AI العشوائي

شاهد الفارق الصريح عندما تمتلك لغة تصميم برمجية تفهمها الآلة بدلاً من كتابة CSS عشوائي في كل محادثة.

المعيار / الخاصية قاهرة (Qahera UI Kit) مكتبات الـ UI التقليدية الذكاء الاصطناعي العادي (Prompts)
طبقة قرار الذكاء الاصطناعي (AI Decision Layer) مدمجة كعقود ووصفات (Contracts & Recipes) غير موجودة (مجرد مكونات للمطور البشري) عشوائية (تعتمد على جودة الـ Prompt)
الهوية الثقافية والتصميم العربي 12 ستايل لوني قاهري + خطوط عربية مدروسة انعكاس أفقي سطحي فقط (Mirrored RTL) تدرجات بنفسجية مكررة (AI Slop)
استهلاك التوكنز في نماذج الـ AI توفير > 40% بفضل العقود المختصرة غير مخصص للذكاء الاصطناعي إهدار هائل في كتابة CSS من الصفر كل مرة
التوافق مع بيئات العمل (Multi-Stack) 6 بيئات: React, PHP, Web Components, HTMX... مقيد بإطار عمل واحد غالباً (React فقط) تشتت واعتماديات NPM هشة غير مستقرة
ملكية الكود والاشتراكات 100% مفتوح المصدر (MIT) في كودك المباشر تراخيص مدفوعة أو مكتبات حزم مقفلة كود متناثر يصعب صيانته مستقبلاً
rocket_launch حلول مؤسسية متقدمة من Alwkala

هل تريد بناء نظام تصميم مخصص لعلامتك التجارية بالذكاء الاصطناعي؟

نساعد الشركات والمؤسسات على تحويل هويتها البصرية إلى نظام تصميم هندسي متكامل وموثق كمهارة ذكاء اصطناعي (AI Skill) تضمن اتساق كل صفحات وتطبيقات شركتك للأبد وتوفر آلاف الساعات البرمجية.

المجلة ومركز المعرفة

أحدث الرؤى والمقالات المعمارية

أحدث التحديثات، الأبحاث، والمقالات من مركز المعرفة الخاص بنا.

تصفح كل المقالات arrow_forward