Zdog、Vanta.js、および Vanilla-Tilt.js を使用した、装飾要素とマイクロインタラクションのための軽量 3D 効果。このスキルは、重いフレームワークを使用せずに、疑似 3D イラスト、アニメーション背景、視差チルト効果、装飾的な 3D 要素、または微妙な奥行き効果を追加するときに使用します。 Zdog 疑似 3D、Vanta.js 背景、バニラティルト視差、カード傾斜効果、ヒーロー セクション アニメーション、または軽量ランディング ページ ビジュアルを含むタスクをトリガーします。パフォーマンス重視の設計に最適です。
コマンドラインで lightweight-3d-effects AI スキルを開発環境にすばやくインストール
ソース: 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 を使用した、装飾要素とマイクロインタラクションのための軽量 3D 効果。このスキルは、重いフレームワークを使用せずに、疑似 3D イラスト、アニメーション背景、視差チルト効果、装飾的な 3D 要素、または微妙な奥行き効果を追加するときに使用します。 Zdog 疑似 3D、Vanta.js 背景、バニラティルト視差、カード傾斜効果、ヒーロー セクション アニメーション、または軽量ランディング ページ ビジュアルを含むタスクをトリガーします。パフォーマンス重視の設計に最適です。 ソース: freshtechbro/claudedesignskills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effectsZdog、Vanta.js、および Vanilla-Tilt.js を使用した、装飾要素とマイクロインタラクションのための軽量 3D 効果。このスキルは、重いフレームワークを使用せずに、疑似 3D イラスト、アニメーション背景、視差チルト効果、装飾的な 3D 要素、または微妙な奥行き効果を追加するときに使用します。 Zdog 疑似 3D、Vanta.js 背景、バニラティルト視差、カード傾斜効果、ヒーロー セクション アニメーション、または軽量ランディング ページ ビジュアルを含むタスクをトリガーします。パフォーマンス重視の設計に最適です。 ソース: freshtechbro/claudedesignskills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/freshtechbro/claudedesignskills