59 Prototype.
Interactive product mockups — dashboards, apps, landing pages, internal tools. Anything you’d hand a stakeholder and click through.
نوع المنتج
مشهد
- 001
منشور مدونة مقال طويل / منشور مدونة — يتضمن رأسًا، عنصر نائب لصورة بطولية، نص المقال مع الأشكال والاقتباسات البارزة، توقيع المؤلف، منشورات ذات صلة. استخدم عندما يطلب الموجز 'مدونة' أو 'مقال' أو 'منشور' أو 'مقالة' أو 'دراسة حالة'. - 002
تقرير حالة سريرية عرض منظم للحالات الطبية للجولات السريرية والمؤتمرات والتوثيق. ينشئ تقارير بتنسيق SOAP أو سردي مع علامات حيوية دقيقة فسيولوجياً وتحاليل مخبرية وخطط علاجية قائمة على الأدلة. - 003
خريطة القدرات التفاعلية Codex حوّل مقالًا طويلًا أو سلسلة أو مذكرة أو وصف منتج إلى خريطة قدرات تفاعلية بأسلوب Codex مع حلقة workflow ومصفوفة حالات استخدام ولوحة تفاصيل responsive. - 004
Critique يجري مراجعة تصميم خبيرة من 5 أبعاد على أي عنصر HTML في المشروع — الفلسفة/التسلسل البصري/التفاصيل/الوظائف/الابتكار، كل منها مُقيّم من 0-10. ينتج تقرير HTML مستقل يحتوي على رسم راداري ونتائج مدعومة بالأدلة وثلاث قوائم: الاحتفاظ/الإصلاح/المكاسب السريعة. - 005
لوحة التحكم لوحة تحكم إدارية وتحليلية في ملف HTML واحد. شريط جانبي أيسر ثابت، شريط علوي للمستخدم/البحث، شبكة رئيسية لبطاقات KPI والرسوم البيانية. استخدمها لشاشات 'لوحة التحكم' أو 'الإدارة' أو 'التحليلات' أو 'لوحة التحكم'. - 006
تقرير تصور البيانات يحول بيانات CSV أو Excel أو JSON إلى صفحة تقرير مرئي احترافي. - 007
Dating Web لوحة تحكم للمواعدة/التوفيق الاستهلاكية تتضمن شريط تنقل أيسر، شريط إشارات المجتمع، مؤشرات KPI رئيسية، رسم بياني شريطي للتطابقات المتبادلة لـ30 يومًا، وكتلة اتجاه معدل التطابق. طباعة تحريرية بلمسات مقيدة. مثالية لمواقع المواعدة ولوحات المجتمع والشبكات الاجتماعية. - 008
تقييم DCF تقييم التدفقات النقدية المخصومة وتحليل القيمة الجوهرية للشركات المدرجة. للاستخدام في DCF والقيمة العادلة والقيمة الجوهرية والسعر المستهدف وتحليل التقييم المنخفض أو المرتفع. - 009
عرض ثلاثي الأبعاد للأجهزة عرض ثابت ثلاثي الأبعاد لـ iPhone و MacBook مع HTML حقيقي مضمن على الشاشات، وانكسار عدسة زجاجية، وتركيب دوار بزاوية 360 درجة. - 010
دليل رقمي معاينة دليل رقمي من صفحتين — الصفحة 1 غلاف (العنوان، المؤلف، إحصائيات 'ما بالداخل'، معاينة المحتويات)؛ الصفحة 2 صفحة مزدوجة (نص الدرس مع اقتباس وقائمة خطوات). نبرة نمط حياة / علامة تجارية للمبدعين. يُستخدم عند طلب 'e-guide' أو 'دليل رقمي' أو 'lookbook' أو 'lead magnet' أو 'دليل المبدع' أو 'playbook' أو 'دليل PDF' أو '电子指南'. - 011
صفحة التوثيق صفحة توثيق تحتوي على شريط تنقل جانبي، محتوى قابل للتمرير وجدول محتويات. استخدمها عندما يذكر الملخص 'توثيق' أو 'دليل' أو 'مرجع API' أو 'برنامج تعليمي'. - 012
التسويق عبر البريد الإلكتروني قالب بريد إلكتروني لإطلاق المنتج مع رأس الصفحة، صورة رئيسية، عنوان مائل، نص أساسي، زر CTA رئيسي، وجدول مواصفات في تخطيط HTML بعمود واحد في المنتصف. - 013
دليل العمليات الهندسية دليل عمليات هندسي — نظرة عامة على الخدمة، جدول التنبيهات، روابط لوحات المعلومات، إجراءات شائعة مع أوامر قابلة للنسخ، جدول المناوبات، وقائمة التحقق من الاستجابة للحوادث. استخدمه للـ runbook أو مستندات ops أو دليل المناوبة أو مستندات SRE أو 运维手册. - 014
التقرير المالي تقرير مالي ربع سنوي/شهري مع رأس صفحة KPI، مخططات الإيرادات والمصروفات، جدول ملخص P&L، أبرز النقاط، وفقرة التوقعات. استخدمه عند ذكر 'تقرير مالي'، 'تقرير Q3'، 'مراجعة MRR'، 'P&L' أو '财报'. - 015
قالب لوحة تحكم Flowai المباشرة لوحة تحكم لإدارة الفريق بأسلوب FlowAI تتضمن ثلاث علامات تبويب (أعضاء الفريق، تفاصيل الفريق، سجل النشاط)، صف إحصائيات KPI، جدول الأعضاء، مخطط شريطي لتوزيع الأدوار، رسوم بيانية للحضور والنشاط عبر الإنترنت، ولوحة أفضل المساهمين. يدعم السمة الفاتحة/الداكنة، تلميحات الرسوم البيانية، التكبير وتصدير CSV. - 016
تطبيق مُلَعَّب نموذج تطبيق جوال مُلَعَّب من ثلاث شاشات: الغلاف، مهام اليوم مع أشرطة XP وشريط المستوى، تفاصيل المهمة. مناسب لتطبيقات اللعب، متتبعات العادات، تطبيقات الحياة بأسلوب RPG، تطبيقات الترقية، المهام اليومية وتطبيقات XP/السلاسل. - 017
لوحة معلومات GitHub لوحة معلومات تحليلات مستودع GitHub — النجوم، الفروع، المساهمون، المشكلات، طلبات السحب، النشاط الأخير، وأبرز المساهمين. استخدمها للوحة معلومات مستودع GitHub، تقرير نمو المصادر المفتوحة، صفحة صحة المستودع، أو عرض تحليلات GitHub. - 018
التوظيف والتأهيل خطة تأهيل الموظفين الجدد في صفحة واحدة — جدول الأسبوع الأول، تعريف بالزميل + المدير، مسار التعلم، قائمة المعدات، ونتائج 'أنت جاهز عندما…'. استخدمها عند ذكر 'التأهيل'، 'موظف جديد'، 'خطة الأسبوع الأول'، أو '入职'. - 019
Html Ppt Taste Brutalist عرض تقديمي HTML بنسبة 16:9 بأسلوب tactical-telemetry / طرفية CRT. شرائح فحمية CRT معطلة، خط أحادي المسافة فسفور أبيض، لون تمييز أحمر خطر، طبقة خطوط مسح، صيغة ASCII، الكثافة فوق الزخرفة. مُستخلص من Leonxlnx/taste-skill `brutalist-skill` (وضع Tactical Telemetry). - 020
Html Ppt Taste Editorial عرض HTML بنسبة 16:9 بأسلوب تحريري بسيط. شرائح كريمية دافئة، خطوط serif للعناوين + grotesque للنص، خطوط شعرية، بيانات وصفية monospace، مساحات بيضاء واسعة، لون تمييز واحد. مستخلص من Leonxlnx/taste-skill `minimalist-skill`. - 021
فاتورة صفحة فاتورة قابلة للطباعة — كتلة المرسل والمستلم، جدول البنود، تفصيل الضرائب، الإجماليات وتعليمات الدفع. استخدمها عندما يذكر الموجز 'invoice' أو 'bill' أو 'billing statement' أو '发票'. - 022
Kami Landing ينتج مستند من صفحة واحدة بجودة طباعة — خلفية رق دافئة، لون تمييز أزرق حبر، خط serif بوزن واحد، بدون مائل، بدون رمادي بارد. المخرج يبدو كورقة بيضاء احترافية أو one-pager استوديو، وليس UI تطبيق. متعدد اللغات بالتصميم (EN · zh-CN · ja). ملف HTML واحد مستقل، بدون تبعيات. - 023
مستند الرق Kami لوحة رق دافئة (#f5f4ed)، لون أزرق حبر أحادي اللون (#1B365D)، عائلة خط serif واحدة، وطباعة بمستوى تحريري. - 024
لوحة كانبان لوحة كانبان / المهام مع أعمدة (To do / In progress / In review / Done)، وبطاقات قابلة للسحب، وصور رمزية للمكلفين، وممرات سباحة، وشريط تصفية علوي. استخدمها عندما يذكر الموجز 'kanban' أو 'task board' أو 'sprint board' أو 'trello' أو '看板'. - 025
آخر 30 يومًا بحث اتجاهات المجتمع ووسائل التواصل الاجتماعي خلال الـ 30 يومًا الماضية. استخدمه لمعرفة ما يقوله الناس الآن، والمشاعر الحديثة، وردود فعل المجتمع، والدليل الاجتماعي، وردود الفعل على الإطلاق، ومسح الاتجاهات، أو سياق الـ 30 يومًا الماضية. - 026
مقال مجلة تخطيط مقال مجلة مستوحى من Huashu / huashu-md-html لتحويل Markdown أو الملاحظات إلى مقال HTML طويل ومصقول. - 027
ملصق المجلة ملصق تحريري بأسلوب الصحيفة مع ورق جرائد، خط تاريخ، عنوان كبير بخط serif مع كلمة مشطوبة ومائل، نص من عمودين، و6 أقسام مرقمة مع تعليقات اقتباسية. مثالي لملصقات المجلات، التصاميم التحريرية، أسلوب الصحف أو البيانات. - 028
ملصق تسويقي ملصق عمودي أو صورة مشاركة بأسلوب القصص مع تأثير بصري قوي. - 029
محضر الاجتماع صفحة محضر الاجتماع — شريط العنوان مع الحاضرين، قائمة تحقق جدول الأعمال، كتلة القرارات، جدول بنود العمل مع المسؤولين والتواريخ، وتذييل للاجتماع التالي. يُستخدم عند ذكر 'محضر الاجتماع' أو 'minutes' أو 'ملاحظات 1:1' أو 'ملخص الاجتماع العام' أو '会议纪要'. - 030
تطبيق الهاتف المحمول شاشة تطبيق محمول معروضة داخل إطار iPhone 15 Pro دقيق بالبكسل على الصفحة. يتم إنشاؤها بنسخ ملف البذرة assets/template.html ولصق نموذج شاشة من references/layouts.md. استخدمها عندما يطلب الموجز 'تطبيق محمول' أو 'تطبيق iOS' أو 'تطبيق Android' أو 'شاشة هاتف' أو 'واجهة تطبيق'. - 031
إعداد الجوال تدفق إعداد جوال متعدد الشاشات يُعرض كثلاثة إطارات هاتف جنبًا إلى جنب — شاشة البداية، عرض القيمة، تسجيل الدخول. شريط الحالة، نقاط التمرير، CTA رئيسي. يُستخدم عند ذكر 'إعداد الجوال'، 'إعداد iOS'، 'تسجيل الهاتف' أو '移动端引导'. - 032
السيرة الذاتية الحديثة سيرة ذاتية حديثة وبسيطة، صفحة A4 واحدة، جاهزة للطباعة أو التصدير إلى PDF. - 033
Motion Frames تكوين تصميم حركي بإطار واحد مع رسوم متحركة CSS متكررة — حلقة نص دوارة، كرة أرضية متحركة، مؤقت، تسميات parallax. يُعرض كملصق فيديو بطولي لـ HyperFrames أو أي أداة تصدير قائمة على الإطارات الرئيسية. مثالي لتصميم الحركة، البطل المتحرك، الحلقات، ملصقات الفيديو وبطاقات العنوان. - 034
صفحة هبوط Open Design ينتج صفحة هبوط تحريرية من صفحة واحدة بلغة Atelier Zero البصرية (كولاج تحريري Monocle / Apartamento / Études). يملأ inputs.json من موجز العلامة التجارية، ويولد اختيارياً 16 أصل كولاج عبر gpt-image-2، ويُخرج ملف HTML مستقل مع رسوم متحركة للتمرير وتنقل ثابت. - 035
Orbit عام يتم تشغيله تلقائيًا بواسطة Orbit عند توصيل موصلين أو أكثر. يجمع نشاط الـ 24 ساعة الماضية من جميع الموصلات المصادق عليها (GitHub وLinear وNotion وSlack و飞书 والتقويم وGmail وDrive وSentry وVercel وغيرها) وينشئ لوحة معلومات شبكية بنتو تكيفية أعلى "我的设计". يتم تنفيذه تلقائيًا بواسطة مجدول الملخص اليومي لـ Orbit. - 036
Orbit Github مهارة Orbit لإنشاء ملخصات يومية تلقائية بناءً على اتصالات GitHub. تسترد طلبات السحب ومراجعات الكود والمشكلات وعمليات CI والدمج من آخر 24 ساعة وتعرضها بأسلوب إشعارات GitHub الأصلي. يتم استدعاؤها تلقائيًا بواسطة مجدول الملخص اليومي في Orbit. - 037
Orbit Gmail يستخرج نشاط صندوق الوارد خلال الـ 24 ساعة الماضية وينشئ ملخصاً يومياً عندما يكون Gmail هو الخدمة الوحيدة المتصلة أو محددة صراحةً. يتم تشغيله تلقائياً بواسطة مجدول Orbit ولا ينبغي تشغيله يدوياً. - 038
Orbit Linear يتم تشغيله تلقائيًا بواسطة خط أنابيب Orbit عندما يكون Linear هو الموصل الوحيد المتصل للمستخدم أو عندما يحدد المستخدم صراحةً نطاق الملخص اليومي إلى Linear. يسحب آخر 24 ساعة من حركة المشكلات وتغييرات الحالة والتعيينات وتقدم الدورة، ويعرضها بلغة صندوق الوارد المرئية الأصلية لـ Linear. - 039
Orbit Notion مهارة الإحاطة من Open Orbit — يتم اختيارها بواسطة خط أنابيب Orbit عندما يكون Notion هو الموصل الوحيد المتصل للمستخدم أو عندما يحدد المستخدم صراحةً نطاق ملخصه اليومي إلى Notion. تسحب تعديلات المستندات والتعليقات والإشارات وتغييرات صفوف قاعدة البيانات من آخر 24 ساعة من اتصال Notion المصادق عليه للمستخدم وتعرض الملخص كصفحة Notion أصلية (عناصر callout/toggle/جدول قاعدة بيانات). لا ينبغي تشغيل هذه المهارة يدويًا — يتم استدعاؤها بواسطة مجدول الملخص اليومي لـ Orbit مقابل بيانات Notion المباشرة. - 040
مواصفات المنتج مواصفات المنتج/PRD في صفحة واحدة — المشكلة، مقاييس النجاح، النطاق، قصص المستخدم، ملاحظات التصميم، خطة الإطلاق، الأسئلة المفتوحة. لمواصفات المنتج وملخصات الميزات. - 041
صفحة التسعير صفحة تسعير مستقلة — رأس الصفحة، مستويات الخطط، جدول مقارنة الميزات، والأسئلة الشائعة. استخدمها عندما يطلب الموجز صفحة 'تسعير' أو 'خطط' أو 'مستويات الاشتراك' أو 'مقارنة الخطط'. - 042
بطاقة منشور Reddit بطاقة منشور Reddit واقعية مع شريط التصويت وعدد التعليقات، مناسبة لتراكبات الفيديو أو مشاركة القصص. - 043
صفحة SaaS صفحة هبوط SaaS من صفحة واحدة تحتوي على hero وميزات وإثبات اجتماعي وأسعار وCTA. تحترم رموز اللون/الطباعة/التخطيط النشطة من DESIGN.md. الكلمات المفتاحية: "saas landing"، "marketing page"، "product landing". - 044
دوّار وسائل التواصل دوّار من ثلاث بطاقات لوسائل التواصل الاجتماعي بتخطيط 1080×1080 مربع – ثلاث لوحات سينمائية متوافقة مع العلامة التجارية بعناوين عرض متصلة عبر السلسلة ('إلى الأمام.' → 'إلى التالي.' → 'نظرة للمستقبل.'). كل بطاقة تحتوي على علامة تجارية، رقم/الإجمالي، تعليق توضيحي، وإشارة 'حلقة'. استخدمها عندما يطلب الموجز 'منشور دوّار'، 'دوّار اجتماعي'، 'دوّار Instagram'، 'سلسلة LinkedIn'، 'بطاقات خيط X'، أو '三连发'. - 045
لوحة معلومات وسائل التواصل الاجتماعي لوحة تحليلات وسائل التواصل الاجتماعي للمبدعين في ملف HTML واحد. تتضمن مبدل المنصات (X / LinkedIn / YouTube / Instagram)، بطاقات KPI (المتابعون، معدل التفاعل، الإعجابات، إعادة النشر)، مخطط نمو المتابعين، معاينة أفضل منشور هذا الأسبوع، ولوحة جانبية للمواضيع الرائجة/التعليقات الأكثر تفاعلاً. - 046
بطاقة التشغيل الحالي Spotify بطاقة تشغيل بنمط Spotify مع غلاف الألبوم وشريط التقدم وعناصر التحكم، مناسبة لطبقات الفيديو أو الصفحات الشخصية. - 047
رسوم متحركة سبرايت شريحة توضيحية متحركة بأسلوب البكسل آرت مع خلفية كريمية، عرض سنة بخط عريض، تميمة بكسل آرت متحركة (بطاقة Hanafuda، فطر أو وحدة تحكم 8-bit)، طباعة يابانية حركية وشريط زمني. رسوم متحركة CSS نقية، جاهزة للتسجيل كفيديو عمودي. - 048
OKR الفريق صفحة تتبع OKR مع شعار الربع السنوي، ثلاثة أهداف مع نتائجها الرئيسية كأشرطة تقدم، صور رمزية للمالكين، حبوب الحالة، وشريط جانبي 'نظرة عامة على هذا الربع'. استخدم عند ذكر OKR أو النتائج الرئيسية أو الأهداف أو 目标. - 049
Tweaks يضيف لوحة تحكم مباشرة لأي عنصر HTML لضبط اللون المميز ومقياس الطباعة والكثافة والحركة والسمة. يتم تطبيق التغييرات فوراً على خصائص CSS المخصصة وحفظها في localStorage. - 050
بطاقة مشاركة Twitter بطاقة اقتباس أو بيانات Twitter مصممة لمرافقة المنشور. - 051
صفحة قائمة الانتظار صفحة هبوط بسيطة قبل الإطلاق مع التقاط البريد الإلكتروني وشعار العلامة التجارية وطبقة زخرفية اختيارية. تقرأ الألوان والطباعة وقواعد التخطيط من DESIGN.md. مثالية لإطلاق المنتجات وتسجيلات البيتا وبرامج الوصول المبكر والمشاريع المستقلة. - 052
نموذج ويب أولي نموذج أولي لموقع ويب سطح المكتب متعدد الأغراض. ملف HTML مستقل يتم إنشاؤه بنسخ `assets/template.html` ولصق التخطيطات من `references/layouts.md`. الخيار الافتراضي للصفحات المقصودة والتسويقية والتوثيقية أو SaaS. - 053
Web Prototype Taste Brutalist نموذج ويب بأسلوب الطباعة الصناعية السويسرية. لوحة ورق صحف، خط جروتسك أسود أحادي، أرقام تتجاوز إطار العرض، فواصل شبكة رفيعة، لهجة حمراء تحذيرية، زخرفة بناء جملة ASCII. مستخلص من Leonxlnx/taste-skill `brutalist-skill` (وضع الطباعة الصناعية السويسرية). - 054
Web Prototype Taste Editorial نموذج ويب تحريري مبسط. لوحة أحادية اللون دافئة، عناوين serif + نص grotesque، حدود 1px، رقائق باستيل هادئة، مساحات بيضاء واسعة، حركات دقيقة محيطة. - 055
Web Prototype Taste Soft نموذج ويب ناعم بمستوى Apple. لوحة فضية/كريمية، بطاقات بإطار مزدوج، أزرار CTA متداخلة، نصف قطر squircle سخي، حركة مرنة وشبكة محيطة. مبني على soft-skill من Leonxlnx/taste-skill والأقسام 4–8. - 056
رسم Wireframe تخطيطي إطار سلكي مرسوم يدويًا مع خلفية ورق رسم بياني، نغمة قلم تحديد/رصاص، علامات تبويب متعددة، ملاحظات لاصقة وعناصر نائبة للمخططات. مثالي لطلبات wireframe أو sketch أو lo-fi أو السبورة البيضاء. - 057
بطاقة منشور X / Twitter بطاقة منشور X واقعية مع مقاييس التفاعل (الإعجابات، إعادة النشر، المشاهدات)، مناسبة لتراكبات الفيديو أو بطاقات الصور القابلة للمشاركة. - 058
X Research بحث معنويات الجمهور على X/Twitter حول الأسواق والشركات والمنتجات أو المجتمعات. استخدمه لمعرفة الرأي العام ومنشورات الخبراء أو ردود الفعل الاجتماعية حول الأسهم والقطاعات والشركات والمنتجات أو أحداث السوق. - 059
بطاقة Xiaohongshu بطاقات معرفية بأسلوب Xiaohongshu، مرتبة كدوار متعدد البطاقات قابل للتمرير.