من PRD إلى نموذج أولي في 15 دقيقة
من PRD إلى نموذج أولي في 15 دقيقة
مديرو المنتجات يكتبون المواصفات. المهندسون يبنونها. الفجوة بين الاثنين تكلّف أسابيع.
ماذا لو استطعت سد هذه الفجوة بنفسك؟ في هذا الدرس ستحوّل فكرة منتج إلى صفحة HTML حية — ملخص منتج (Product Brief) يحتوي على المتطلبات، ورسم تخطيطي للواجهة (Wireframe)، ومقاييس النجاح. بدون أي تذكرة هندسية. أطلق الدليل، لا المواصفة.
التعليمات
أضف <h1> باسم منتجك — اجعله كبيراً وعريضاً
تلميح: جرّب: `<h1 class="text-3xl font-bold text-gray-900 mt-2">اسم منتجك — شعار قصير</h1>`
أضف <ul class="requirements"> بثلاثة عناصر <li> على الأقل تصف ما يجب أن يفعله المنتج
أضف <div class="wireframe"> يرسم الواجهة — استخدم مربعات ملوّنة لتمثيل مراحل أو أقسام الواجهة
أضف مقياس نجاح واحد على الأقل — رقم أو نسبة مئوية تحدد كيف تبدو النتيجة الناجحة. استخدم كلمة "مقياس" في مكان ما بالصفحة
الكود الخاص بك
صف ما تريد بناءه في هذه الخطوة وسأكتب الكود — ثم انقر «تطبيق» لإدراجه في محرّرك. هذه الخطوة: أضف <h1> باسم منتجك — اجعله كبيراً وعريضاً