الدليل

اعرف ما تفعله كل أداة، وما تحتاجه لتبدأ.

يحتاج البحث إلى JavaScript، ويمكنك التصفح حسب الفئة.

التصميم · يعرض 3 من 28

الفلاتر
امسح الكل

يعرض 1–3 من 3

الأدوات

Skill للتصميم يصنع نماذج HTML ويعرض ثلاثة اتجاهات بصرية للاختيار.

ينتج نماذج تفاعلية للمواقع والتطبيقات، وشرائح عرض، ورسومًا توضيحية. يناسب من يريد استكشاف شكل مشروعه مع الـ coding agent ومقارنة البدائل قبل إكمال التصميم.

يحتاج إلى agent يدعم Skills، مثل Claude Code أو Codex أو Cursor.

مجانيجربته

يحول صفحات HTML وCSS إلى فيديو.

يجمع الصفحات والوسائط والحركة في فيديو MP4، مع تحكم في كل إطار. يناسب المطورين ومن يصنعون فيديوهات بالـ coding agents بدلًا من محرر فيديو تقليدي.

يحتاج الـ CLI إلى Node.js 22 أو أحدث.

مجانيجربته

Skill للتصميم يعطي الـ coding agent أوامر مثل polish وcritique، ومعه كاشف لعادات تصميم الـ AI.

يمنح الصفحة درجة من 40، ويرتب ما يجب إصلاحه حسب أهميته، ويكشف العادات التي تجعل الموقع يبدو من صنع الـ AI. يناسب من يبني مواقع أو تطبيقات بالـ AI ويريدها أن تبدو مصممة لا مولدة.

مجانيجربتهاقرأ الاختيار