·lightweight-3d-effects
</>

lightweight-3d-effects

Effets 3D légers pour éléments décoratifs et micro-interactions à l'aide de Zdog, Vanta.js et Vanilla-Tilt.js. Utilisez cette compétence lors de l'ajout d'illustrations pseudo-3D, d'arrière-plans animés, d'effets d'inclinaison de parallaxe, d'éléments décoratifs 3D ou d'effets de profondeur subtils sans cadres lourds. Se déclenche sur des tâches impliquant la pseudo-3D Zdog, les arrière-plans Vanta.js, la parallaxe Vanilla-Tilt, les effets d'inclinaison de carte, les animations de section de héros ou les visuels légers de la page de destination. Idéal pour les conceptions axées sur la performance.

13Installations·1Tendance·@freshtechbro

Installation

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

Comment installer lightweight-3d-effects

Installez rapidement le skill IA lightweight-3d-effects dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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.

Effets 3D légers pour éléments décoratifs et micro-interactions à l'aide de Zdog, Vanta.js et Vanilla-Tilt.js. Utilisez cette compétence lors de l'ajout d'illustrations pseudo-3D, d'arrière-plans animés, d'effets d'inclinaison de parallaxe, d'éléments décoratifs 3D ou d'effets de profondeur subtils sans cadres lourds. Se déclenche sur des tâches impliquant la pseudo-3D Zdog, les arrière-plans Vanta.js, la parallaxe Vanilla-Tilt, les effets d'inclinaison de carte, les animations de section de héros ou les visuels légers de la page de destination. Idéal pour les conceptions axées sur la performance. Source : freshtechbro/claudedesignskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-09
Mis à jour
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Réponses rapides

Qu'est-ce que lightweight-3d-effects ?

Effets 3D légers pour éléments décoratifs et micro-interactions à l'aide de Zdog, Vanta.js et Vanilla-Tilt.js. Utilisez cette compétence lors de l'ajout d'illustrations pseudo-3D, d'arrière-plans animés, d'effets d'inclinaison de parallaxe, d'éléments décoratifs 3D ou d'effets de profondeur subtils sans cadres lourds. Se déclenche sur des tâches impliquant la pseudo-3D Zdog, les arrière-plans Vanta.js, la parallaxe Vanilla-Tilt, les effets d'inclinaison de carte, les animations de section de héros ou les visuels légers de la page de destination. Idéal pour les conceptions axées sur la performance. Source : freshtechbro/claudedesignskills.

Comment installer lightweight-3d-effects ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/freshtechbro/claudedesignskills