الواجهات والتصميم مميز

Three.js

بواسطة Julien Thibeaut (ui-skills.com) 3.7k نجوم GitHub

بناء وتصحيح مشاهد 3D تفاعلية على الويب — الـ scene/camera/renderer والإضاءة والخامات وتحميل GLTF والـ controls والأداء.

#threejs#3d#webgl#gltf

Claude Code Codex

نظرة عامة

السكيل ده بيغطي بناء وتصحيح مشاهد 3D تفاعلية بالـ Three.js: إعداد الـ scene والـ camera والـ renderer، والإضاءة والخامات، وتحميل موديلات GLTF، والـ orbit والـ controls المخصصة، وضبط الأداء. موجّه للمصممين اللي عايزين يعملوا لمسات 3D في الـ UI من غير خبرة جرافيكس عميقة.

بتنفع في إيه

إضافة لحظة hero بالـ 3D للموقع
تحميل وعرض موديل GLTF
إعداد الإضاءة والخامات
تحسين أداء مشهد الـ 3D

التثبيت

التثبيت في Claude Code

# ضيف الـ marketplace وبعدين ثبّت المهارة في Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install threejs

# أو ثبّتها يدويًا في ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/threejs ~/.claude/skills/threejs

التثبيت في Codex

# Codex بيقرأ مهارات SKILL.md من ~/.codex/skills (اكتشاف تلقائي):
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/threejs ~/.codex/skills/threejs

# وبعدين استخدم المهارة في Codex — بتتحمّل وقت الحاجة.

زيارة المصدر (GitHub)

استكشف أدوات AI

أدوات AI تكمل شغلك — للمصممين والمطورين

اقرأ مقالات عن AI

نصايح عملية في التصميم والذكاء الاصطناعي

أدوات مشابهة

الواجهات والتصميم

Frontend Design

عمل واجهات frontend مميزة بمستوى إنتاجي بعيداً عن جمالية الـ AI العامة — صفحات وكومبوننتس وartifacts وبوسترات.

Claude Code Codex

الواجهات والتصميم

Web Artifacts Builder

بناء artifacts HTML معقدة ومتعددة الكومبوننتس لـ Claude.ai باستخدام React وTailwind.

Claude Code Codex

الواجهات والتصميم

Animation Systems

حركة ويب بمستوى المنتجات زي Stripe وLinear وApple وVercel — إعدادات الـ easing والمدة والتناسق والأداء ووضع تقليل الحركة.

Claude Code Codex