نماذج منتجات تفاعلية — لوحات معلومات وتطبيقات وصفحات هبوط وأدوات داخلية. أي شيء ستسلمه لصاحب مصلحة وتنقر عليه.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط داكنة وفاخرة لمعرض أعمال مصمم ثلاثي الأبعاد: قسم بطل بملء الشاشة بعنوان متدرج اللون وصورة شخصية ثلاثية الأبعاد مغناطيسية تتبع المؤشر، وشريط صور أفقي متحرك يتحكم فيه التمرير، وقسم About بزخارف ثلاثية الأبعاد في الزوايا ونص يظهر حرفًا حرفًا مع التمرير، وقائمة خدمات بخلفية بيضاء، وبطاقات مشاريع تتراكم وتتقلص أثناء التمرير.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط فاخرة للزراعة الدقيقة: أقسام تتناوب بين الداكن والفاتح، وخلفية فيديو بطل بملء الشاشة، وشبكة إحصاءات متحركة، وشريط شعارات لا نهائي، وبطاقات خدمات بخلفيات صورية.
نموذج أولي اقرأ الأمر كاملاً → موقع تسويقي فاخر سينمائي يتحرك بالتمرير لأنظمة الدفع في الفضاء الجوي: قسم بطل بتدرّج من الأزرق إلى الأبيض الدافئ مع علامة نصية بتأثير parallax وصورة ثابتة للمحرك، وصورة مصغّرة لمهمة تتوسّع إلى فيديو ثابت بملء الشاشة، ومعرض تبويبات مثبّت، وشبكة قدرات bento ببطاقات فيديو متكرّرة وشريط أدوات متحرك، ومخطّط إحصاءات داكن متحرّك، ومسار قصص فيديو أفقي، وتذييل بحقل نجوم.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط فاخرة بخلفية بيضاء لاستوديو إبداعي: قسم بطل بلمسة خط serif، وشريط GIF متحرك لا نهائي، وشهادة بتأثير parallax، وتسعير ببطاقتين، وعرض شهادات دوّار بتمرير تلقائي، وعرض مشاريع عمودي، ودعوة لإجراء شراكة بأثر تتبّع المؤشر، وشريط تنقّل سفلي عائم ثابت.
نموذج أولي اقرأ الأمر كاملاً → مقال طويل / منشور مدونة — يتضمن رأسًا، عنصر نائب لصورة بطولية، نص المقال مع الأشكال والاقتباسات البارزة، توقيع المؤلف، منشورات ذات صلة. استخدم عندما يطلب الموجز 'مدونة' أو 'مقال' أو 'منشور' أو 'مقالة' أو 'دراسة حالة'.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط B2B سينمائية راقية مدعومة بـ GSAP: قسم بطل بشريط فيديو ملء الشاشة يعتمد على التمرير مع انتقالات بيضاوية عبر clip-path، وعناوين تظهر حرفًا بحرف عبر SplitText، ومعرض منتجات بنمط masonry، ونص تعريفي يظهر عند التمرير، وشريط متحرك للشركاء، وبطاقات ميزات Lottie، وتذييل متعدد المكاتب.
نموذج أولي اقرأ الأمر كاملاً → عرض منظم للحالات الطبية للجولات السريرية والمؤتمرات والتوثيق. ينشئ تقارير بتنسيق SOAP أو سردي مع علامات حيوية دقيقة فسيولوجياً وتحاليل مخبرية وخطط علاجية قائمة على الأدلة.
نموذج أولي اقرأ الأمر كاملاً → قسم بطل راقٍ وداكن وسينمائي لمنصة تعليم البرمجة: فيديو خلفية HLS بملء الشاشة، وبطاقة liquid-glass، وطباعة بأحرف كبيرة بلمسة خضراء، وتوهّج مركزي، وخطوط شبكية لسطح المكتب، وقائمة همبرغر تعمل على الجوال.
نموذج أولي اقرأ الأمر كاملاً → حوّل مقالًا طويلًا أو سلسلة أو مذكرة أو وصف منتج إلى خريطة قدرات تفاعلية بأسلوب Codex مع حلقة workflow ومصفوفة حالات استخدام ولوحة تفاصيل responsive.
نموذج أولي اقرأ الأمر كاملاً → يجري مراجعة تصميم خبيرة من 5 أبعاد على أي عنصر HTML في المشروع — الفلسفة/التسلسل البصري/التفاصيل/الوظائف/الابتكار، كل منها مُقيّم من 0-10. ينتج تقرير HTML مستقل يحتوي على رسم راداري ونتائج مدعومة بالأدلة وثلاث قوائم: الاحتفاظ/الإصلاح/المكاسب السريعة.
نموذج أولي اقرأ الأمر كاملاً → لوحة تحكم إدارية وتحليلية في ملف HTML واحد. شريط جانبي أيسر ثابت، شريط علوي للمستخدم/البحث، شبكة رئيسية لبطاقات KPI والرسوم البيانية. استخدمها لشاشات 'لوحة التحكم' أو 'الإدارة' أو 'التحليلات' أو 'لوحة التحكم'.
نموذج أولي اقرأ الأمر كاملاً → لوحة مؤتمرات فاخرة بأسلوب liquid glassmorphism: خلفيتا فيديو بملء الشاشة تتبدّلان حسب السمة، وشبكة بطاقات 4×2 زجاجية/مصمتة، ومؤشرات للمشاركين بموجة صوتية متحركة، وشريط تحكّم عائم.
نموذج أولي اقرأ الأمر كاملاً → يحول بيانات CSV أو Excel أو JSON إلى صفحة تقرير مرئي احترافي.
نموذج أولي اقرأ الأمر كاملاً → لوحة تحكم للمواعدة/التوفيق الاستهلاكية تتضمن شريط تنقل أيسر، شريط إشارات المجتمع، مؤشرات KPI رئيسية، رسم بياني شريطي للتطابقات المتبادلة لـ30 يومًا، وكتلة اتجاه معدل التطابق. طباعة تحريرية بلمسات مقيدة. مثالية لمواقع المواعدة ولوحات المجتمع والشبكات الاجتماعية.
نموذج أولي اقرأ الأمر كاملاً → تقييم التدفقات النقدية المخصومة وتحليل القيمة الجوهرية للشركات المدرجة. للاستخدام في DCF والقيمة العادلة والقيمة الجوهرية والسعر المستهدف وتحليل التقييم المنخفض أو المرتفع.
نموذج أولي اقرأ الأمر كاملاً → عرض ثابت ثلاثي الأبعاد لـ iPhone و MacBook مع HTML حقيقي مضمن على الشاشات، وانكسار عدسة زجاجية، وتركيب دوار بزاوية 360 درجة.
نموذج أولي اقرأ الأمر كاملاً → معاينة دليل رقمي من صفحتين — الصفحة 1 غلاف (العنوان، المؤلف، إحصائيات 'ما بالداخل'، معاينة المحتويات)؛ الصفحة 2 صفحة مزدوجة (نص الدرس مع اقتباس وقائمة خطوات). نبرة نمط حياة / علامة تجارية للمبدعين. يُستخدم عند طلب 'e-guide' أو 'دليل رقمي' أو 'lookbook' أو 'lead magnet' أو 'دليل المبدع' أو 'playbook' أو 'دليل PDF' أو '电子指南'.
نموذج أولي اقرأ الأمر كاملاً → صفحة توثيق تحتوي على شريط تنقل جانبي، محتوى قابل للتمرير وجدول محتويات. استخدمها عندما يذكر الملخص 'توثيق' أو 'دليل' أو 'مرجع API' أو 'برنامج تعليمي'.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط غامرة بتأثير parallax من صفحة واحدة: إطار عرض ثابت يقرّب صورة بوابة نحوك أثناء التمرير، وتنفتح الستائر عند الدخول، ويكشف منزلق بطاقات مقوّس عن تسع وجهات في عالم الأحلام في المشهد الثاني.
نموذج أولي اقرأ الأمر كاملاً → قالب بريد إلكتروني لإطلاق المنتج مع رأس الصفحة، صورة رئيسية، عنوان مائل، نص أساسي، زر CTA رئيسي، وجدول مواصفات في تخطيط HTML بعمود واحد في المنتصف.
نموذج أولي اقرأ الأمر كاملاً → دليل عمليات هندسي — نظرة عامة على الخدمة، جدول التنبيهات، روابط لوحات المعلومات، إجراءات شائعة مع أوامر قابلة للنسخ، جدول المناوبات، وقائمة التحقق من الاستجابة للحوادث. استخدمه للـ runbook أو مستندات ops أو دليل المناوبة أو مستندات SRE أو 运维手册.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط فاخرة لتقنية Kova المالية: قسم بطل بملء الشاشة بخلفية فيديو boomerang بالاتجاهين الأمامي والعكسي، وظهور ضبابي بتأثير FadeUp، وبطاقات لوحة تحكم عائمة (مخطط خطي للمدخرات + مخطط أعمدة للإنفاق)، وقسم شهادة مقسّم بعمودين مع فيديو مربّع يعمل تلقائيًا، وشبكة ميزات رباعية ببطاقات صورية ومخطط إنفاق دائري مفرّغ.
نموذج أولي اقرأ الأمر كاملاً → تقرير مالي ربع سنوي/شهري مع رأس صفحة KPI، مخططات الإيرادات والمصروفات، جدول ملخص P&L، أبرز النقاط، وفقرة التوقعات. استخدمه عند ذكر 'تقرير مالي'، 'تقرير Q3'، 'مراجعة MRR'، 'P&L' أو '财报'.
نموذج أولي اقرأ الأمر كاملاً → لوحة تحكم لإدارة الفريق بأسلوب FlowAI تتضمن ثلاث علامات تبويب (أعضاء الفريق، تفاصيل الفريق، سجل النشاط)، صف إحصائيات KPI، جدول الأعضاء، مخطط شريطي لتوزيع الأدوار، رسوم بيانية للحضور والنشاط عبر الإنترنت، ولوحة أفضل المساهمين. يدعم السمة الفاتحة/الداكنة، تلميحات الرسوم البيانية، التكبير وتصدير CSV.
نموذج أولي اقرأ الأمر كاملاً → نموذج تطبيق جوال مُلَعَّب من ثلاث شاشات: الغلاف، مهام اليوم مع أشرطة XP وشريط المستوى، تفاصيل المهمة. مناسب لتطبيقات اللعب، متتبعات العادات، تطبيقات الحياة بأسلوب RPG، تطبيقات الترقية، المهام اليومية وتطبيقات XP/السلاسل.
نموذج أولي اقرأ الأمر كاملاً → لوحة معلومات تحليلات مستودع GitHub — النجوم، الفروع، المساهمون، المشكلات، طلبات السحب، النشاط الأخير، وأبرز المساهمين. استخدمها للوحة معلومات مستودع GitHub، تقرير نمو المصادر المفتوحة، صفحة صحة المستودع، أو عرض تحليلات GitHub.
نموذج أولي اقرأ الأمر كاملاً → خطة تأهيل الموظفين الجدد في صفحة واحدة — جدول الأسبوع الأول، تعريف بالزميل + المدير، مسار التعلم، قائمة المعدات، ونتائج 'أنت جاهز عندما…'. استخدمها عند ذكر 'التأهيل'، 'موظف جديد'، 'خطة الأسبوع الأول'، أو '入职'.
نموذج أولي اقرأ الأمر كاملاً → عرض تقديمي HTML بنسبة 16:9 بأسلوب tactical-telemetry / طرفية CRT. شرائح فحمية CRT معطلة، خط أحادي المسافة فسفور أبيض، لون تمييز أحمر خطر، طبقة خطوط مسح، صيغة ASCII، الكثافة فوق الزخرفة. مُستخلص من Leonxlnx/taste-skill `brutalist-skill` (وضع Tactical Telemetry).
نموذج أولي اقرأ الأمر كاملاً → عرض HTML بنسبة 16:9 بأسلوب تحريري بسيط. شرائح كريمية دافئة، خطوط serif للعناوين + grotesque للنص، خطوط شعرية، بيانات وصفية monospace، مساحات بيضاء واسعة، لون تمييز واحد. مستخلص من Leonxlnx/taste-skill `minimalist-skill`.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط فاخرة لوكالة بأسلوب تحريري داكن: عنوان رئيسي بخط Instrument Serif فوق فيديو ملء الشاشة يتلاشى تلقائيًا بالتداخل، وتنقّل وأزرار بأسلوب liquid glass، وأقسام About / Featured Video / Philosophy / Services تظهر مع التمرير.
نموذج أولي اقرأ الأمر كاملاً → صفحة فاتورة قابلة للطباعة — كتلة المرسل والمستلم، جدول البنود، تفصيل الضرائب، الإجماليات وتعليمات الدفع. استخدمها عندما يذكر الموجز 'invoice' أو 'bill' أو 'billing statement' أو '发票'.
نموذج أولي اقرأ الأمر كاملاً → ينتج مستند من صفحة واحدة بجودة طباعة — خلفية رق دافئة، لون تمييز أزرق حبر، خط serif بوزن واحد، بدون مائل، بدون رمادي بارد. المخرج يبدو كورقة بيضاء احترافية أو one-pager استوديو، وليس UI تطبيق. متعدد اللغات بالتصميم (EN · zh-CN · ja). ملف HTML واحد مستقل، بدون تبعيات.
نموذج أولي اقرأ الأمر كاملاً → لوحة رق دافئة (#f5f4ed)، لون أزرق حبر أحادي اللون (#1B365D)، عائلة خط serif واحدة، وطباعة بمستوى تحريري.
نموذج أولي اقرأ الأمر كاملاً → لوحة كانبان / المهام مع أعمدة (To do / In progress / In review / Done)، وبطاقات قابلة للسحب، وصور رمزية للمكلفين، وممرات سباحة، وشريط تصفية علوي. استخدمها عندما يذكر الموجز 'kanban' أو 'task board' أو 'sprint board' أو 'trello' أو '看板'.
نموذج أولي اقرأ الأمر كاملاً → بحث اتجاهات المجتمع ووسائل التواصل الاجتماعي خلال الـ 30 يومًا الماضية. استخدمه لمعرفة ما يقوله الناس الآن، والمشاعر الحديثة، وردود فعل المجتمع، والدليل الاجتماعي، وردود الفعل على الإطلاق، ومسح الاتجاهات، أو سياق الـ 30 يومًا الماضية.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط سينمائية متعددة الطبقات بتأثير parallax لاستوديو معماري: فيديو خلفية بملء الشاشة، وعلامة لفظية ضخمة للعلامة التجارية في المنتصف خلف لوح نحت بتأثير parallax، وآلة حالات لمقاطع فيديو طيور متحركة، وكبسولات تنقّل ولوحات معلومات بزجاج مصنفر، وقسم فيديو ثانٍ بملء الشاشة مع عنوان تحريري في المنتصف.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط داكنة وفاخرة من صفحة واحدة لوكالة تصميم ويب مدعومة بالذكاء الاصطناعي: خلفيات فيديو سينمائية، وعناوين Instrument Serif مائلة، وبطاقات وأزرار CTA بأسلوب liquid glass، وظهور النص كلمة بكلمة عبر BlurText، وسرد قصصي قسمًا تلو الآخر.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط سينمائية لعطر فاخر: قسم رئيسي بفيديو ملء الشاشة، وكشف بيضاوي عبر clip-path مدفوع بالتمرير، ودوّارة مدارية لزجاجات عطر تتكبّر عند نقطة التركيز، وقسم نشرة بريدية، وتذييل بلون رقّ دافئ.
نموذج أولي اقرأ الأمر كاملاً → تخطيط مقال مجلة مستوحى من Huashu / huashu-md-html لتحويل Markdown أو الملاحظات إلى مقال HTML طويل ومصقول.
نموذج أولي اقرأ الأمر كاملاً → ملصق تحريري بأسلوب الصحيفة مع ورق جرائد، خط تاريخ، عنوان كبير بخط serif مع كلمة مشطوبة ومائل، نص من عمودين، و6 أقسام مرقمة مع تعليقات اقتباسية. مثالي لملصقات المجلات، التصاميم التحريرية، أسلوب الصحف أو البيانات.
نموذج أولي اقرأ الأمر كاملاً → ملصق عمودي أو صورة مشاركة بأسلوب القصص مع تأثير بصري قوي.
نموذج أولي اقرأ الأمر كاملاً → صفحة محضر الاجتماع — شريط العنوان مع الحاضرين، قائمة تحقق جدول الأعمال، كتلة القرارات، جدول بنود العمل مع المسؤولين والتواريخ، وتذييل للاجتماع التالي. يُستخدم عند ذكر 'محضر الاجتماع' أو 'minutes' أو 'ملاحظات 1:1' أو 'ملخص الاجتماع العام' أو '会议纪要'.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط أحادية اللون بسواد خالص لنشرة بريدية/منصة محتوى: قسم بطل بفيديو ملء الشاشة، كلمات تمييز مائلة بخط Instrument-Serif، عناصر تحكم بأسلوب liquid-glass، فقرة مهمة تظهر كلمة كلمة مع التمرير، ونداء إلى إجراء بفيديو HLS.
نموذج أولي اقرأ الأمر كاملاً → شاشة تطبيق محمول معروضة داخل إطار iPhone 15 Pro دقيق بالبكسل على الصفحة. يتم إنشاؤها بنسخ ملف البذرة assets/template.html ولصق نموذج شاشة من references/layouts.md. استخدمها عندما يطلب الموجز 'تطبيق محمول' أو 'تطبيق iOS' أو 'تطبيق Android' أو 'شاشة هاتف' أو 'واجهة تطبيق'.
نموذج أولي اقرأ الأمر كاملاً → تدفق إعداد جوال متعدد الشاشات يُعرض كثلاثة إطارات هاتف جنبًا إلى جنب — شاشة البداية، عرض القيمة، تسجيل الدخول. شريط الحالة، نقاط التمرير، CTA رئيسي. يُستخدم عند ذكر 'إعداد الجوال'، 'إعداد iOS'، 'تسجيل الهاتف' أو '移动端引导'.
نموذج أولي اقرأ الأمر كاملاً → سيرة ذاتية حديثة وبسيطة، صفحة A4 واحدة، جاهزة للطباعة أو التصدير إلى PDF.
نموذج أولي اقرأ الأمر كاملاً → تكوين تصميم حركي بإطار واحد مع رسوم متحركة CSS متكررة — حلقة نص دوارة، كرة أرضية متحركة، مؤقت، تسميات parallax. يُعرض كملصق فيديو بطولي لـ HyperFrames أو أي أداة تصدير قائمة على الإطارات الرئيسية. مثالي لتصميم الحركة، البطل المتحرك، الحلقات، ملصقات الفيديو وبطاقات العنوان.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط سينمائية بأسلوب mythic-naturecore: تمرير بطول 480vh يقرّب المشهد عبر بوابة بينما تنفرج ستائر معكوسة فوق خلفية عالم متعدد الطبقات، مع عمق ثلاثي الأبعاد بتأثير اختلاف منظر الفأرة وتزاوج خطّي Viaoda-Libre / Imprima بين السيريف والسانس.
نموذج أولي اقرأ الأمر كاملاً → موقع تسويقي من صفحة واحدة بألوان داكنة وذهبية دافئة لمنتج تخزين سحابي آمن: قسم رئيسي يعتمد على shader مع وحدة تحكّم حيّة وتأثير الآلة الكاتبة، وأكورديون منصّة ثابت مدفوع بالتمرير، وحقل أعمدة أسعار يتشكّل مع التمرير، وبطاقات أمان، وعرض لوحة تحكّم تتمايل بثلاثة أبعاد، ومكعّب عمليات ينفجر عند النقر.
نموذج أولي اقرأ الأمر كاملاً → ينتج صفحة هبوط تحريرية من صفحة واحدة بلغة Atelier Zero البصرية (كولاج تحريري Monocle / Apartamento / Études). يملأ inputs.json من موجز العلامة التجارية، ويولد اختيارياً 16 أصل كولاج عبر gpt-image-2، ويُخرج ملف HTML مستقل مع رسوم متحركة للتمرير وتنقل ثابت.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط لمجموعة NFT بطابع فضائي داكن مع خلفيات فيديو CloudFront تملأ الإطار بالكامل، وواجهة بأسلوب liquid glass، وخطوط Anton + Condiment، ولمسة خضراء نيون موزّعة على أربعة أقسام.
نموذج أولي اقرأ الأمر كاملاً → يتم تشغيله تلقائيًا بواسطة Orbit عند توصيل موصلين أو أكثر. يجمع نشاط الـ 24 ساعة الماضية من جميع الموصلات المصادق عليها (GitHub وLinear وNotion وSlack و飞书 والتقويم وGmail وDrive وSentry وVercel وغيرها) وينشئ لوحة معلومات شبكية بنتو تكيفية أعلى "我的设计". يتم تنفيذه تلقائيًا بواسطة مجدول الملخص اليومي لـ Orbit.
نموذج أولي اقرأ الأمر كاملاً → مهارة Orbit لإنشاء ملخصات يومية تلقائية بناءً على اتصالات GitHub. تسترد طلبات السحب ومراجعات الكود والمشكلات وعمليات CI والدمج من آخر 24 ساعة وتعرضها بأسلوب إشعارات GitHub الأصلي. يتم استدعاؤها تلقائيًا بواسطة مجدول الملخص اليومي في Orbit.
نموذج أولي اقرأ الأمر كاملاً → يستخرج نشاط صندوق الوارد خلال الـ 24 ساعة الماضية وينشئ ملخصاً يومياً عندما يكون Gmail هو الخدمة الوحيدة المتصلة أو محددة صراحةً. يتم تشغيله تلقائياً بواسطة مجدول Orbit ولا ينبغي تشغيله يدوياً.
نموذج أولي اقرأ الأمر كاملاً → يتم تشغيله تلقائيًا بواسطة خط أنابيب Orbit عندما يكون Linear هو الموصل الوحيد المتصل للمستخدم أو عندما يحدد المستخدم صراحةً نطاق الملخص اليومي إلى Linear. يسحب آخر 24 ساعة من حركة المشكلات وتغييرات الحالة والتعيينات وتقدم الدورة، ويعرضها بلغة صندوق الوارد المرئية الأصلية لـ Linear.
نموذج أولي اقرأ الأمر كاملاً → مهارة الإحاطة من Open Orbit — يتم اختيارها بواسطة خط أنابيب Orbit عندما يكون Notion هو الموصل الوحيد المتصل للمستخدم أو عندما يحدد المستخدم صراحةً نطاق ملخصه اليومي إلى Notion. تسحب تعديلات المستندات والتعليقات والإشارات وتغييرات صفوف قاعدة البيانات من آخر 24 ساعة من اتصال Notion المصادق عليه للمستخدم وتعرض الملخص كصفحة Notion أصلية (عناصر callout/toggle/جدول قاعدة بيانات). لا ينبغي تشغيل هذه المهارة يدويًا — يتم استدعاؤها بواسطة مجدول الملخص اليومي لـ Orbit مقابل بيانات Notion المباشرة.
نموذج أولي اقرأ الأمر كاملاً → مواصفات المنتج/PRD في صفحة واحدة — المشكلة، مقاييس النجاح، النطاق، قصص المستخدم، ملاحظات التصميم، خطة الإطلاق، الأسئلة المفتوحة. لمواصفات المنتج وملخصات الميزات.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط لمعرض أعمال داكنة وفاخرة من صفحة واحدة: فيديو بطل HLS سينمائي، وخط عرض مائل Instrument Serif، وعدّاد تحميل من 000 إلى 100، وشبكة أعمال bento متناوبة، ومعرض استكشاف بتأثير parallax مثبّت أثناء التمرير، وتذييل تواصل بشريط متحرك بتدرّج لوني مميّز ثابت #89AACC→#4E85BF.
نموذج أولي اقرأ الأمر كاملاً → صفحة تسعير مستقلة — رأس الصفحة، مستويات الخطط، جدول مقارنة الميزات، والأسئلة الشائعة. استخدمها عندما يطلب الموجز صفحة 'تسعير' أو 'خطط' أو 'مستويات الاشتراك' أو 'مقارنة الخطط'.
نموذج أولي اقرأ الأمر كاملاً → بطاقة منشور Reddit واقعية مع شريط التصويت وعدد التعليقات، مناسبة لتراكبات الفيديو أو مشاركة القصص.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط SaaS من صفحة واحدة تحتوي على hero وميزات وإثبات اجتماعي وأسعار وCTA. تحترم رموز اللون/الطباعة/التخطيط النشطة من DESIGN.md. الكلمات المفتاحية: "saas landing"، "marketing page"، "product landing".
نموذج أولي اقرأ الأمر كاملاً → قسم رئيسي فاخر لصفحة هبوط طائرات خاصة: خلفية فيديو CloudFront بملء الشاشة تعمل تلقائيًا، وشريط تنقّل بعرض max-w-7xl مع قائمة منسدلة للجوال بأيقونة همبرغر من Lucide، وعنوان من سطرين متراكبين في المنتصف (Premium. / Accessible.) مع أزرار CTA بشكل كبسولة Discover و Book Now.
نموذج أولي اقرأ الأمر كاملاً → دوّار من ثلاث بطاقات لوسائل التواصل الاجتماعي بتخطيط 1080×1080 مربع – ثلاث لوحات سينمائية متوافقة مع العلامة التجارية بعناوين عرض متصلة عبر السلسلة ('إلى الأمام.' → 'إلى التالي.' → 'نظرة للمستقبل.'). كل بطاقة تحتوي على علامة تجارية، رقم/الإجمالي، تعليق توضيحي، وإشارة 'حلقة'. استخدمها عندما يطلب الموجز 'منشور دوّار'، 'دوّار اجتماعي'، 'دوّار Instagram'، 'سلسلة LinkedIn'، 'بطاقات خيط X'، أو '三连发'.
نموذج أولي اقرأ الأمر كاملاً → لوحة تحليلات وسائل التواصل الاجتماعي للمبدعين في ملف HTML واحد. تتضمن مبدل المنصات (X / LinkedIn / YouTube / Instagram)، بطاقات KPI (المتابعون، معدل التفاعل، الإعجابات، إعادة النشر)، مخطط نمو المتابعين، معاينة أفضل منشور هذا الأسبوع، ولوحة جانبية للمواضيع الرائجة/التعليقات الأكثر تفاعلاً.
نموذج أولي اقرأ الأمر كاملاً → بطاقة تشغيل بنمط Spotify مع غلاف الألبوم وشريط التقدم وعناصر التحكم، مناسبة لطبقات الفيديو أو الصفحات الشخصية.
نموذج أولي اقرأ الأمر كاملاً → شريحة توضيحية متحركة بأسلوب البكسل آرت مع خلفية كريمية، عرض سنة بخط عريض، تميمة بكسل آرت متحركة (بطاقة Hanafuda، فطر أو وحدة تحكم 8-bit)، طباعة يابانية حركية وشريط زمني. رسوم متحركة CSS نقية، جاهزة للتسجيل كفيديو عمودي.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط فاخرة لجوائز / جوائز المشاريع الناشئة: غلاف بطاقة أبيض غائر بزوايا دائرية، وقسم بطل (hero) بفيديو ملء الشاشة مع زر CTA بقصّ clip-path مشطوف الحواف، وقسم ترشيحات من ثلاثة أعمدة ببطاقات ترشيح زاويّة تحيط بفيديو مربّع، وشبكة إحصاءات عن المؤسسين تستخدم بطاقات صور بنمط plus-darker وأرقامًا بنص متدرّج الألوان.
نموذج أولي اقرأ الأمر كاملاً → صفحة تتبع OKR مع شعار الربع السنوي، ثلاثة أهداف مع نتائجها الرئيسية كأشرطة تقدم، صور رمزية للمالكين، حبوب الحالة، وشريط جانبي 'نظرة عامة على هذا الربع'. استخدم عند ذكر OKR أو النتائج الرئيسية أو الأهداف أو 目标.
نموذج أولي اقرأ الأمر كاملاً → يضيف لوحة تحكم مباشرة لأي عنصر HTML لضبط اللون المميز ومقياس الطباعة والكثافة والحركة والسمة. يتم تطبيق التغييرات فوراً على خصائص CSS المخصصة وحفظها في localStorage.
نموذج أولي اقرأ الأمر كاملاً → بطاقة اقتباس أو بيانات Twitter مصممة لمرافقة المنشور.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط سينمائية من صفحة واحدة لعقارات فاخرة: شاشة تحميل بأسلوب الآلة الكاتبة ترتفع وتختفي، وصورة مبنى مدفوعة بالتمرير تصعد من الأسفل وتتكبّر بينما تثبت عند قسم داكن يحمل بياناً، وشريط إحصاءات داكن ثابت (sticky) بأرقام تتصاعد عدّاً، ومعرض فيديو يتوسّع عند المرور بالمؤشر وينزلق إلى الأعلى فوق القسم الداكن.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط بسيطة قبل الإطلاق مع التقاط البريد الإلكتروني وشعار العلامة التجارية وطبقة زخرفية اختيارية. تقرأ الألوان والطباعة وقواعد التخطيط من DESIGN.md. مثالية لإطلاق المنتجات وتسجيلات البيتا وبرامج الوصول المبكر والمشاريع المستقلة.
نموذج أولي اقرأ الأمر كاملاً → نموذج أولي لموقع ويب سطح المكتب متعدد الأغراض. ملف HTML مستقل يتم إنشاؤه بنسخ `assets/template.html` ولصق التخطيطات من `references/layouts.md`. الخيار الافتراضي للصفحات المقصودة والتسويقية والتوثيقية أو SaaS.
نموذج أولي اقرأ الأمر كاملاً → نموذج ويب بأسلوب الطباعة الصناعية السويسرية. لوحة ورق صحف، خط جروتسك أسود أحادي، أرقام تتجاوز إطار العرض، فواصل شبكة رفيعة، لهجة حمراء تحذيرية، زخرفة بناء جملة ASCII. مستخلص من Leonxlnx/taste-skill `brutalist-skill` (وضع الطباعة الصناعية السويسرية).
نموذج أولي اقرأ الأمر كاملاً → نموذج ويب تحريري مبسط. لوحة أحادية اللون دافئة، عناوين serif + نص grotesque، حدود 1px، رقائق باستيل هادئة، مساحات بيضاء واسعة، حركات دقيقة محيطة.
نموذج أولي اقرأ الأمر كاملاً → نموذج ويب ناعم بمستوى Apple. لوحة فضية/كريمية، بطاقات بإطار مزدوج، أزرار CTA متداخلة، نصف قطر squircle سخي، حركة مرنة وشبكة محيطة. مبني على soft-skill من Leonxlnx/taste-skill والأقسام 4–8.
نموذج أولي اقرأ الأمر كاملاً → إطار سلكي مرسوم يدويًا مع خلفية ورق رسم بياني، نغمة قلم تحديد/رصاص، علامات تبويب متعددة، ملاحظات لاصقة وعناصر نائبة للمخططات. مثالي لطلبات wireframe أو sketch أو lo-fi أو السبورة البيضاء.
نموذج أولي اقرأ الأمر كاملاً → بطاقة منشور X واقعية مع مقاييس التفاعل (الإعجابات، إعادة النشر، المشاهدات)، مناسبة لتراكبات الفيديو أو بطاقات الصور القابلة للمشاركة.
نموذج أولي اقرأ الأمر كاملاً → بحث معنويات الجمهور على X/Twitter حول الأسواق والشركات والمنتجات أو المجتمعات. استخدمه لمعرفة الرأي العام ومنشورات الخبراء أو ردود الفعل الاجتماعية حول الأسهم والقطاعات والشركات والمنتجات أو أحداث السوق.
نموذج أولي اقرأ الأمر كاملاً → بطاقات معرفية بأسلوب Xiaohongshu، مرتبة كدوار متعدد البطاقات قابل للتمرير.
