مهارة مجانية · من مُشَيِّد

صفحة هبوط تنبني من فكرة مشروعك — مو من قالب

«استوديو صفحات الهبوط» مهارة لـClaude Code: تصف مشروعك في فقرة، فيشتق Claude فكرة بصرية من اسمه أو طريقة عمله، ويبني عليها صفحة كاملة بحركة افتتاحية ولحظة مختلفة في كل قسم. مجانية — مقابل بريدك.

المهارة تفتح لك فوراً في الصفحة التالية، وتنضم لنشرة مُشَيِّد: أنظمة AI عملية تصلك كل أسبوع — وتقدر تلغي اشتراكك بضغطة.

ملفات تُكتب في مشروعك

docs/landing

  • BRIEF.md

    فهم مشروعك وحقائق السوق

  • CONCEPT.md

    ثلاث أفكار مرشحة، واختيار واحدة بالتعليل

  • DESIGN.md

    ألوان وخطوط وأشكال الصفحة

  • STORYBOARD.md

    الحركة الافتتاحية

  • SECTIONS.md

    لحظة مختلفة لكل قسم

  • VERIFY.md

    جدول التدقيق ودرجات المحكّمين

نفس البرومبت · نفس النموذج

افتح الصفحتين وقلّب فيهما بنفسك

طلبنا من Claude Opus 5.5 نفس الطلب مرتين بنفس البرومبت: مرة بأشهر مهارة تصميم مجانية (Taste Skill، أكثر من 90 ألف نجمة على GitHub)، ومرة بمهارة استوديو صفحات الهبوط. الصفحتان أمامك كاملتان مو لقطات: مرّر، واضغط، وبدّل بين الجوال والحاسوب.

بمهارة استوديو صفحات الهبوط

درجة المحكّم المستقل: 7.5 من 10

افتح في تبويب جديد

قيّم الصفحتين محكّم مستقل لا يعرف أي مهارة صنعت أي صفحة: 7.5 من 10 لصفحة مُشَيِّد، و6.0 للمهارة المجانية. تجربة واحدة لكل طرف، والمشروع (مخيم نجوم في العُلا) افتراضي — فكل صفحة منهما عرض تجريبي لا مخيم حقيقي خلفه.

وش تاخذ، وش تحتاج

قبل ما تبدأ — بصراحة

وش في المهارة

  • ملف تشغيل رئيسي وأحد عشر مرجعاً، من الاكتشاف حتى التحقق
  • كتالوجان لآليات الحركة المستخلصة من مواقع حائزة على جوائز تصميم
  • تسعة قوالب
  • ستة سكربتات Node تعمل بلا تثبيت حزم: لقطات بمقاسات دقيقة، وتدقيق آلي، وتوليد صور، وتوليد فيديو
  • في آخر العمل: تدقيق آلي في خمسة مقاسات (من جوال 360 بكسل إلى شاشة 1440) ثم أربعة محكّمين مستقلين، وتقرير يقول لك درجة صفحتك وما بقي ناقصاً

وش تحتاج

  • Claude Code على جهازك (ضمن اشتراك Claude). المهارة تشغّل متصفحاً وسكربتات Node، فما تشتغل في محادثة claude.ai العادية.
  • Node.js الإصدار 22 أو أحدث، ومتصفح Chrome أو Edge. ما تحتاج npm install للسكربتات.
  • وصف مشروعك: وش تبيع، ولمن، وبكم، وش الإجراء اللي تبيه من الزائر (حجز، شراء، واتساب)، وصورك الحقيقية إن وُجدت.
  • اختياري: صور مولّدة عبر Codex على اشتراكك في ChatGPT بلا مفتاح API. والفيديو (Google Veo) مدفوع ومعطّل افتراضياً — ما يُستدعى إلا إذا كتبت صراحة أنك توافق وحددت ميزانية بالدولار.
  • وقت وحصة: البناء الكامل مع جولات التحكيم جلسة طويلة تستهلك من حصة اشتراكك.

كيف تشتغل

ثلاث خطوات، والباقي على Claude

  1. ١

    حمّل وركّب

    تحمّل الملف من الصفحة التالية، وتنقل مجلد landing-page-studio إلى مجلد المهارات في Claude Code.

  2. ٢

    صف مشروعك

    تفتح Claude Code في مجلد مشروعك وتلصق الأمر الجاهز مع اسم مشروعك وسعره والإجراء اللي تبيه.

  3. ٣

    تابع المراحل

    يكتب ملفات المراحل بالترتيب، ثم يبني الصفحة، ثم يقيسها ويستدعي المحكّمين ويصلح ما يجدونه.

أسئلة قبل التحميل

اللي يسألونه غالباً

هل تشتغل في محادثة claude.ai؟

لا. المهارة لـClaude Code وحده: تشغّل متصفحاً وسكربتات Node، ورفعها في claude.ai (Customize ← Skills) ما يشغّل سكربتاتها.

هل فيها تكاليف مخفية؟

المهارة نفسها مجانية وتعمل ضمن اشتراكك في Claude. الصور المولّدة اختيارية، والفيديو مدفوع ومعطّل افتراضياً: ما يُستدعى إلا إذا وافقت صراحة وحددت ميزانية بالدولار. وبلا فيديو تبقى الصفحة كاملة.

أقدر أستخدمها على صفحة موجودة عندي؟

إي. تقدر تعيد تصميم صفحة قائمة دون المساس بنصوصك المعتمدة ولا بالدفع والقياس.

هل كل صفحة تطلع بنفس الدرجة؟

لا، ولا نعدك بذلك. التقرير اللي تستلمه في آخر العمل يقول لك الدرجة الفعلية لصفحتك وما بقي ناقصاً — وغالباً الناقص صور حقيقية وآراء حقيقية من عملائك، وهذي ما تقدر المهارة تختلقها.

خذ المهارة وجرّبها على مشروعك

تصف مشروعك في فقرة، وتشوف بنفسك وش يطلع.

المهارة تفتح لك فوراً في الصفحة التالية، وتنضم لنشرة مُشَيِّد: أنظمة AI عملية تصلك كل أسبوع — وتقدر تلغي اشتراكك بضغطة.

بصراحة: ما نضمن أن كل صفحة تبلغ أعلى درجة. التقرير اللي تستلمه يقول لك الدرجة الفعلية لصفحتك وما بقي ناقصاً.

مهارات وأدلة عملية ثانية بنفس الطريقة داخل عضوية مُشَيِّد. شوف العضوية ←