نماذج منتجات تفاعلية — لوحات معلومات وتطبيقات وصفحات هبوط وأدوات داخلية. أي شيء ستسلمه لصاحب مصلحة وتنقر عليه.
نموذج أولي اقرأ الأمر كاملاً → Dark, premium 3D-creator portfolio landing page: a full-viewport hero with gradient-text headline and a mouse-following magnetic 3D portrait, a scroll-driven horizontal image marquee, an About section with corner 3D decorations and character-by-character scroll-reveal text, a white Services list, and sticky-stacking project cards.
نموذج أولي اقرأ الأمر كاملاً → Premium precision-farming landing page: dark/light alternating sections, a fullscreen hero video background, an animated stats grid, an infinite logo marquee, and image-backed service cards.
نموذج أولي اقرأ الأمر كاملاً → Premium scroll-cinematic aerospace propulsion marketing site: a blue-to-warm-white gradient hero with parallax wordmark and engine still, a mission thumbnail that grows into a fullscreen sticky video, a pinned tabbed showcase, a bento capabilities grid with looping video cards and a tool marquee, an animated dark stats chart, a horizontal video-story rail, and a starfield footer.
نموذج أولي اقرأ الأمر كاملاً → Premium white-background creative-studio landing page: serif-accented hero, infinite GIF marquee, parallax testimonial, two-card pricing, auto-scrolling testimonial carousel, vertical project showcase, a mouse-trail partner CTA, and a fixed floating bottom nav.
نموذج أولي اقرأ الأمر كاملاً → مقال طويل / منشور مدونة — يتضمن رأسًا، عنصر نائب لصورة بطولية، نص المقال مع الأشكال والاقتباسات البارزة، توقيع المؤلف، منشورات ذات صلة. استخدم عندما يطلب الموجز 'مدونة' أو 'مقال' أو 'منشور' أو 'مقالة' أو 'دراسة حالة'.
نموذج أولي اقرأ الأمر كاملاً → Premium GSAP-driven cinematic B2B landing page: a scroll-driven full-screen video-slider hero with clip-path ellipse transitions, SplitText char-reveal headlines, a masonry product gallery, scroll-reveal about text, a partner marquee, Lottie feature cards, and a multi-office footer.
نموذج أولي اقرأ الأمر كاملاً → عرض منظم للحالات الطبية للجولات السريرية والمؤتمرات والتوثيق. ينشئ تقارير بتنسيق SOAP أو سردي مع علامات حيوية دقيقة فسيولوجياً وتحاليل مخبرية وخطط علاجية قائمة على الأدلة.
نموذج أولي اقرأ الأمر كاملاً → High-end dark cinematic hero for a coding-education platform: full-screen HLS background video, a liquid-glass card, green-accent uppercase typography, central glow, desktop grid lines, and a working mobile hamburger menu.
نموذج أولي اقرأ الأمر كاملاً → حوّل مقالًا طويلًا أو سلسلة أو مذكرة أو وصف منتج إلى خريطة قدرات تفاعلية بأسلوب Codex مع حلقة workflow ومصفوفة حالات استخدام ولوحة تفاصيل responsive.
نموذج أولي اقرأ الأمر كاملاً → يجري مراجعة تصميم خبيرة من 5 أبعاد على أي عنصر HTML في المشروع — الفلسفة/التسلسل البصري/التفاصيل/الوظائف/الابتكار، كل منها مُقيّم من 0-10. ينتج تقرير HTML مستقل يحتوي على رسم راداري ونتائج مدعومة بالأدلة وثلاث قوائم: الاحتفاظ/الإصلاح/المكاسب السريعة.
نموذج أولي اقرأ الأمر كاملاً → لوحة تحكم إدارية وتحليلية في ملف HTML واحد. شريط جانبي أيسر ثابت، شريط علوي للمستخدم/البحث، شبكة رئيسية لبطاقات KPI والرسوم البيانية. استخدمها لشاشات 'لوحة التحكم' أو 'الإدارة' أو 'التحليلات' أو 'لوحة التحكم'.
نموذج أولي اقرأ الأمر كاملاً → Premium liquid-glassmorphism conference dashboard: dual fullscreen background videos swapped by theme, a 4x2 glass/solid card grid, animated voice-wave participant indicators, and a floating control bar.
نموذج أولي اقرأ الأمر كاملاً → يحول بيانات CSV أو Excel أو JSON إلى صفحة تقرير مرئي احترافي.
نموذج أولي اقرأ الأمر كاملاً → لوحة تحكم للمواعدة/التوفيق الاستهلاكية تتضمن شريط تنقل أيسر، شريط إشارات المجتمع، مؤشرات KPI رئيسية، رسم بياني شريطي للتطابقات المتبادلة لـ30 يومًا، وكتلة اتجاه معدل التطابق. طباعة تحريرية بلمسات مقيدة. مثالية لمواقع المواعدة ولوحات المجتمع والشبكات الاجتماعية.
نموذج أولي اقرأ الأمر كاملاً → تقييم التدفقات النقدية المخصومة وتحليل القيمة الجوهرية للشركات المدرجة. للاستخدام في DCF والقيمة العادلة والقيمة الجوهرية والسعر المستهدف وتحليل التقييم المنخفض أو المرتفع.
نموذج أولي اقرأ الأمر كاملاً → عرض ثابت ثلاثي الأبعاد لـ iPhone و MacBook مع HTML حقيقي مضمن على الشاشات، وانكسار عدسة زجاجية، وتركيب دوار بزاوية 360 درجة.
نموذج أولي اقرأ الأمر كاملاً → معاينة دليل رقمي من صفحتين — الصفحة 1 غلاف (العنوان، المؤلف، إحصائيات 'ما بالداخل'، معاينة المحتويات)؛ الصفحة 2 صفحة مزدوجة (نص الدرس مع اقتباس وقائمة خطوات). نبرة نمط حياة / علامة تجارية للمبدعين. يُستخدم عند طلب 'e-guide' أو 'دليل رقمي' أو 'lookbook' أو 'lead magnet' أو 'دليل المبدع' أو 'playbook' أو 'دليل PDF' أو '电子指南'.
نموذج أولي اقرأ الأمر كاملاً → صفحة توثيق تحتوي على شريط تنقل جانبي، محتوى قابل للتمرير وجدول محتويات. استخدمها عندما يذكر الملخص 'توثيق' أو 'دليل' أو 'مرجع API' أو 'برنامج تعليمي'.
نموذج أولي اقرأ الأمر كاملاً → Immersive single-page parallax landing: a sticky viewport zooms a portal image toward you on scroll, curtains sweep open on entrance, and a curved arc card slider reveals nine dream-world destinations in scene two.
نموذج أولي اقرأ الأمر كاملاً → قالب بريد إلكتروني لإطلاق المنتج مع رأس الصفحة، صورة رئيسية، عنوان مائل، نص أساسي، زر CTA رئيسي، وجدول مواصفات في تخطيط HTML بعمود واحد في المنتصف.
نموذج أولي اقرأ الأمر كاملاً → دليل عمليات هندسي — نظرة عامة على الخدمة، جدول التنبيهات، روابط لوحات المعلومات، إجراءات شائعة مع أوامر قابلة للنسخ، جدول المناوبات، وقائمة التحقق من الاستجابة للحوادث. استخدمه للـ runbook أو مستندات ops أو دليل المناوبة أو مستندات SRE أو 运维手册.
نموذج أولي اقرأ الأمر كاملاً → Premium Kova fintech landing: full-screen hero with a forward/reverse boomerang video background, FadeUp blur reveals, floating dashboard cards (savings line + spend bar charts), a split testimonial with a square autoplay video, and a 4-up features grid with image cards and a donut spend chart.
نموذج أولي اقرأ الأمر كاملاً → تقرير مالي ربع سنوي/شهري مع رأس صفحة 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`.
نموذج أولي اقرأ الأمر كاملاً → Premium dark editorial agency landing page: an Instrument-Serif hero headline over a self-crossfading fullscreen hero video, liquid-glass nav and buttons, and scroll-revealed About / Featured-Video / Philosophy / Services sections.
نموذج أولي اقرأ الأمر كاملاً → صفحة فاتورة قابلة للطباعة — كتلة المرسل والمستلم، جدول البنود، تفصيل الضرائب، الإجماليات وتعليمات الدفع. استخدمها عندما يذكر الموجز '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 يومًا الماضية.
نموذج أولي اقرأ الأمر كاملاً → Cinematic layered-parallax landing page for an architecture studio: fullscreen background video, a giant center brand wordmark behind a parallax sculpture slab, an animated bird-video state machine, frosted-glass nav pills and info panels, and a second full-viewport video section with a centered editorial headline.
نموذج أولي اقرأ الأمر كاملاً → Dark, luxury single-page landing for an AI web-design agency: cinematic video backgrounds, Instrument Serif italic headings, liquid-glass cards and CTAs, BlurText word-by-word reveals, and section-by-section storytelling.
نموذج أولي اقرأ الأمر كاملاً → Cinematic luxury-fragrance landing page: a fullscreen video hero, a scroll-driven elliptical clip-path reveal, an orbiting carousel of perfume bottles that scales up at a focal point, a newsletter section, and a warm parchment footer.
نموذج أولي اقرأ الأمر كاملاً → تخطيط مقال مجلة مستوحى من Huashu / huashu-md-html لتحويل Markdown أو الملاحظات إلى مقال HTML طويل ومصقول.
نموذج أولي اقرأ الأمر كاملاً → ملصق تحريري بأسلوب الصحيفة مع ورق جرائد، خط تاريخ، عنوان كبير بخط serif مع كلمة مشطوبة ومائل، نص من عمودين، و6 أقسام مرقمة مع تعليقات اقتباسية. مثالي لملصقات المجلات، التصاميم التحريرية، أسلوب الصحف أو البيانات.
نموذج أولي اقرأ الأمر كاملاً → ملصق عمودي أو صورة مشاركة بأسلوب القصص مع تأثير بصري قوي.
نموذج أولي اقرأ الأمر كاملاً → صفحة محضر الاجتماع — شريط العنوان مع الحاضرين، قائمة تحقق جدول الأعمال، كتلة القرارات، جدول بنود العمل مع المسؤولين والتواريخ، وتذييل للاجتماع التالي. يُستخدم عند ذكر 'محضر الاجتماع' أو 'minutes' أو 'ملاحظات 1:1' أو 'ملخص الاجتماع العام' أو '会议纪要'.
نموذج أولي اقرأ الأمر كاملاً → Pure-black monochrome newsletter/content-platform landing page: fullscreen video hero, Instrument-Serif italic accent words, liquid-glass controls, scroll-driven word-by-word mission reveal, and an HLS-video CTA.
نموذج أولي اقرأ الأمر كاملاً → شاشة تطبيق محمول معروضة داخل إطار iPhone 15 Pro دقيق بالبكسل على الصفحة. يتم إنشاؤها بنسخ ملف البذرة assets/template.html ولصق نموذج شاشة من references/layouts.md. استخدمها عندما يطلب الموجز 'تطبيق محمول' أو 'تطبيق iOS' أو 'تطبيق Android' أو 'شاشة هاتف' أو 'واجهة تطبيق'.
نموذج أولي اقرأ الأمر كاملاً → تدفق إعداد جوال متعدد الشاشات يُعرض كثلاثة إطارات هاتف جنبًا إلى جنب — شاشة البداية، عرض القيمة، تسجيل الدخول. شريط الحالة، نقاط التمرير، CTA رئيسي. يُستخدم عند ذكر 'إعداد الجوال'، 'إعداد iOS'، 'تسجيل الهاتف' أو '移动端引导'.
نموذج أولي اقرأ الأمر كاملاً → سيرة ذاتية حديثة وبسيطة، صفحة A4 واحدة، جاهزة للطباعة أو التصدير إلى PDF.
نموذج أولي اقرأ الأمر كاملاً → تكوين تصميم حركي بإطار واحد مع رسوم متحركة CSS متكررة — حلقة نص دوارة، كرة أرضية متحركة، مؤقت، تسميات parallax. يُعرض كملصق فيديو بطولي لـ HyperFrames أو أي أداة تصدير قائمة على الإطارات الرئيسية. مثالي لتصميم الحركة، البطل المتحرك، الحلقات، ملصقات الفيديو وبطاقات العنوان.
نموذج أولي اقرأ الأمر كاملاً → A cinematic mythic-naturecore landing page: a 480vh scroll zooms through a portal while mirrored curtains part over a layered world background, with mouse-parallax 3D depth and a Viaoda-Libre / Imprima serif-sans pairing.
نموذج أولي اقرأ الأمر كاملاً → Dark warm-gold single-page marketing site for a secure cloud-storage product: a shader hero with live console + typewriter, a scroll-driven sticky platform accordion, a scroll-morphing pricing bar field, security cards, a 3D tilting console showcase, and a click-to-explode operations cube.
نموذج أولي اقرأ الأمر كاملاً → ينتج صفحة هبوط تحريرية من صفحة واحدة بلغة Atelier Zero البصرية (كولاج تحريري Monocle / Apartamento / Études). يملأ inputs.json من موجز العلامة التجارية، ويولد اختيارياً 16 أصل كولاج عبر gpt-image-2، ويُخرج ملف HTML مستقل مع رسوم متحركة للتمرير وتنقل ثابت.
نموذج أولي اقرأ الأمر كاملاً → Dark space-themed NFT collection landing page with full-bleed CloudFront video backgrounds, a liquid-glass UI, Anton + Condiment fonts, and a neon-green accent across four sections.
نموذج أولي اقرأ الأمر كاملاً → يتم تشغيله تلقائيًا بواسطة 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 في صفحة واحدة — المشكلة، مقاييس النجاح، النطاق، قصص المستخدم، ملاحظات التصميم، خطة الإطلاق، الأسئلة المفتوحة. لمواصفات المنتج وملخصات الميزات.
نموذج أولي اقرأ الأمر كاملاً → Premium dark single-page portfolio landing: cinematic HLS hero video, Instrument-Serif italic display type, a 000→100 loading counter, an alternating bento works grid, a scroll-pinned parallax exploration gallery, and a marquee contact footer with the locked #89AACC→#4E85BF accent gradient.
نموذج أولي اقرأ الأمر كاملاً → صفحة تسعير مستقلة — رأس الصفحة، مستويات الخطط، جدول مقارنة الميزات، والأسئلة الشائعة. استخدمها عندما يطلب الموجز صفحة 'تسعير' أو 'خطط' أو 'مستويات الاشتراك' أو 'مقارنة الخطط'.
نموذج أولي اقرأ الأمر كاملاً → بطاقة منشور Reddit واقعية مع شريط التصويت وعدد التعليقات، مناسبة لتراكبات الفيديو أو مشاركة القصص.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط SaaS من صفحة واحدة تحتوي على hero وميزات وإثبات اجتماعي وأسعار وCTA. تحترم رموز اللون/الطباعة/التخطيط النشطة من DESIGN.md. الكلمات المفتاحية: "saas landing"، "marketing page"، "product landing".
نموذج أولي اقرأ الأمر كاملاً → Immersive scroll-driven collection landing page: full-bleed background video, an expanding ellipse clip-path reveal, and a mathematically precise orbiting image gallery that grows and sweeps across the viewport, with masked serif typography that fades in and out.
نموذج أولي اقرأ الأمر كاملاً → Premium private-jet landing hero: a fullscreen autoplay CloudFront video background, a max-w-7xl nav with a Lucide hamburger mobile dropdown, and a centered overlapping two-line headline (Premium. / Accessible.) with Discover + Book Now pill CTAs.
نموذج أولي اقرأ الأمر كاملاً → دوّار من ثلاث بطاقات لوسائل التواصل الاجتماعي بتخطيط 1080×1080 مربع – ثلاث لوحات سينمائية متوافقة مع العلامة التجارية بعناوين عرض متصلة عبر السلسلة ('إلى الأمام.' → 'إلى التالي.' → 'نظرة للمستقبل.'). كل بطاقة تحتوي على علامة تجارية، رقم/الإجمالي، تعليق توضيحي، وإشارة 'حلقة'. استخدمها عندما يطلب الموجز 'منشور دوّار'، 'دوّار اجتماعي'، 'دوّار Instagram'، 'سلسلة LinkedIn'، 'بطاقات خيط X'، أو '三连发'.
نموذج أولي اقرأ الأمر كاملاً → لوحة تحليلات وسائل التواصل الاجتماعي للمبدعين في ملف HTML واحد. تتضمن مبدل المنصات (X / LinkedIn / YouTube / Instagram)، بطاقات KPI (المتابعون، معدل التفاعل، الإعجابات، إعادة النشر)، مخطط نمو المتابعين، معاينة أفضل منشور هذا الأسبوع، ولوحة جانبية للمواضيع الرائجة/التعليقات الأكثر تفاعلاً.
نموذج أولي اقرأ الأمر كاملاً → بطاقة تشغيل بنمط Spotify مع غلاف الألبوم وشريط التقدم وعناصر التحكم، مناسبة لطبقات الفيديو أو الصفحات الشخصية.
نموذج أولي اقرأ الأمر كاملاً → شريحة توضيحية متحركة بأسلوب البكسل آرت مع خلفية كريمية، عرض سنة بخط عريض، تميمة بكسل آرت متحركة (بطاقة Hanafuda، فطر أو وحدة تحكم 8-bit)، طباعة يابانية حركية وشريط زمني. رسوم متحركة CSS نقية، جاهزة للتسجيل كفيديو عمودي.
نموذج أولي اقرأ الأمر كاملاً → Premium awards / venture-prize landing page: an inset white card shell with rounded corners, a fullscreen video hero with chamfered clip-path CTA, a three-column submissions section with angular nomination cards around a square video, and an about-the-founders stats grid using plus-darker image cards and gradient-text figures.
نموذج أولي اقرأ الأمر كاملاً → صفحة تتبع OKR مع شعار الربع السنوي، ثلاثة أهداف مع نتائجها الرئيسية كأشرطة تقدم، صور رمزية للمالكين، حبوب الحالة، وشريط جانبي 'نظرة عامة على هذا الربع'. استخدم عند ذكر OKR أو النتائج الرئيسية أو الأهداف أو 目标.
نموذج أولي اقرأ الأمر كاملاً → يضيف لوحة تحكم مباشرة لأي عنصر HTML لضبط اللون المميز ومقياس الطباعة والكثافة والحركة والسمة. يتم تطبيق التغييرات فوراً على خصائص CSS المخصصة وحفظها في localStorage.
نموذج أولي اقرأ الأمر كاملاً → بطاقة اقتباس أو بيانات Twitter مصممة لمرافقة المنشور.
نموذج أولي اقرأ الأمر كاملاً → Cinematic single-page luxury real-estate landing page: a typewriter preloader that lifts away, a scroll-driven building image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up numbers, and a hover-expand video gallery that slides up over the dark section.
نموذج أولي اقرأ الأمر كاملاً → صفحة هبوط بسيطة قبل الإطلاق مع التقاط البريد الإلكتروني وشعار العلامة التجارية وطبقة زخرفية اختيارية. تقرأ الألوان والطباعة وقواعد التخطيط من 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، مرتبة كدوار متعدد البطاقات قابل للتمرير.
