نظرة عامة

Vibr أداة نماذج أولية للمصممين. تصف شاشة بكلمات بسيطة، فيتولى وكيل تخطيطها وبناءها بنظام التصميم الذي تختاره، ويتحقق من عرضها، ويراجعها بحثًا عن مشكلات إمكانية الوصول والتخطيط، ثم يصلح ما يجده. والنتيجة تعليمات React برمجية حقيقية يمكنك التنقل فيها وتعديلها وإضافة تعليقات توضيحية إليها وربطها في تدفقات وتصديرها.

طريقة العمل

1. أحضر مفتاحك. يستدعي Vibr خدمات Google Gemini أو OpenAI أو Anthropic أو OpenRouter باستخدام مفتاح API الخاص بك. ويبقى المفتاح في متصفحك.
2. اختر نظام تصميم. Material UI أو Ant Design أو Fluent UI أو Mantine أو Shoelace أو Octuple، أو أي حزمة على npm.
3. صف شاشة. يعرض Vibr كل خطوة أثناء العمل، وترسم اللوحة الشاشة في أثناء كتابتها.
4. واصل العمل. اطلب تغييرات، أو أشر إلى عنصر واحد لتغيير ذلك الجزء وحده، أو قارن الإصدارات، أو ثبّت طلبات تعديل، أو احفظ في مكتبتك.

ما الذي يميّزه

• مكونات حقيقية، لا نسخ مشابهة. تستورد المسودات من حزمة نظام التصميم الفعلية، فما تراه هو ما سيطلقه المهندس.
• يتحقق من عمله بنفسه. تُعرض كل مسودة، ثم تُراجع بعروض سطح المكتب والجهاز اللوحي والجوال بفحوصات آلية لإمكانية الوصول قبل أن تراها.
• مكتبتك ترافقك. يمكنك إدراج الصور ومقاطع الفيديو وسمات الألوان وسلالم الخطوط والأيقونات التي تضيفها في أي طلب بإشارة @.
• بلا حساب ولا خادم. كل شيء يعمل في متصفحك. راجع المفاتيح والخصوصية والتخزين.

إلى أين بعد ذلك

• جديد هنا؟ ابدأ بـ بدء الاستخدام.
• تريد نتائج أفضل؟ اقرأ كتابة الطلبات.
• تتساءل عن معنى الخطوات؟ راجع كيف يجري التشغيل.
• حدث خطأ ما؟ راجع استكشاف الأخطاء وإصلاحها.