·lightweight-3d-effects
</>

lightweight-3d-effects

تأثيرات ثلاثية الأبعاد خفيفة الوزن للعناصر الزخرفية والتفاعلات الدقيقة باستخدام Zdog وVanta.js وVanilla-Tilt.js. استخدم هذه المهارة عند إضافة رسوم توضيحية زائفة ثلاثية الأبعاد، أو خلفيات متحركة، أو تأثيرات إمالة المنظر، أو عناصر زخرفية ثلاثية الأبعاد، أو تأثيرات عمق دقيقة بدون أطر ثقيلة. يتم تشغيلها في المهام التي تتضمن Zdog pseudo-3D، أو خلفيات Vanta.js، أو اختلاف منظر Vanilla-Tilt، أو تأثيرات إمالة البطاقة، أو الرسوم المتحركة لقسم البطل، أو العناصر المرئية خفيفة الوزن للصفحة المقصودة. مثالية للتصاميم التي تركز على الأداء.

14التثبيتات·1الرائج·@freshtechbro

التثبيت

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects

كيفية تثبيت lightweight-3d-effects

ثبّت مهارة الذكاء الاصطناعي lightweight-3d-effects بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: freshtechbro/claudedesignskills.

This skill combines three powerful libraries for decorative 3D elements and micro-interactions:

Zdog is a pseudo-3D engine that renders flat, round designs in 3D space using Canvas or SVG.

Vanta.js provides animated WebGL backgrounds with minimal setup, powered by Three.js or p5.js.

تأثيرات ثلاثية الأبعاد خفيفة الوزن للعناصر الزخرفية والتفاعلات الدقيقة باستخدام Zdog وVanta.js وVanilla-Tilt.js. استخدم هذه المهارة عند إضافة رسوم توضيحية زائفة ثلاثية الأبعاد، أو خلفيات متحركة، أو تأثيرات إمالة المنظر، أو عناصر زخرفية ثلاثية الأبعاد، أو تأثيرات عمق دقيقة بدون أطر ثقيلة. يتم تشغيلها في المهام التي تتضمن Zdog pseudo-3D، أو خلفيات Vanta.js، أو اختلاف منظر Vanilla-Tilt، أو تأثيرات إمالة البطاقة، أو الرسوم المتحركة لقسم البطل، أو العناصر المرئية خفيفة الوزن للصفحة المقصودة. مثالية للتصاميم التي تركز على الأداء. المصدر: freshtechbro/claudedesignskills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-11

Browse more skills from freshtechbro/claudedesignskills

إجابات سريعة

ما هي lightweight-3d-effects؟

تأثيرات ثلاثية الأبعاد خفيفة الوزن للعناصر الزخرفية والتفاعلات الدقيقة باستخدام Zdog وVanta.js وVanilla-Tilt.js. استخدم هذه المهارة عند إضافة رسوم توضيحية زائفة ثلاثية الأبعاد، أو خلفيات متحركة، أو تأثيرات إمالة المنظر، أو عناصر زخرفية ثلاثية الأبعاد، أو تأثيرات عمق دقيقة بدون أطر ثقيلة. يتم تشغيلها في المهام التي تتضمن Zdog pseudo-3D، أو خلفيات Vanta.js، أو اختلاف منظر Vanilla-Tilt، أو تأثيرات إمالة البطاقة، أو الرسوم المتحركة لقسم البطل، أو العناصر المرئية خفيفة الوزن للصفحة المقصودة. مثالية للتصاميم التي تركز على الأداء. المصدر: freshtechbro/claudedesignskills.

كيف أثبّت lightweight-3d-effects؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/freshtechbro/claudedesignskills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-03-09