·lightweight-3d-effects
</>

lightweight-3d-effects

Легкие 3D-эффекты для декоративных элементов и микровзаимодействий с использованием Zdog, Vanta.js и Vanilla-Tilt.js. Используйте этот навык при добавлении псевдо-3D-иллюстраций, анимированных фонов, эффектов наклона параллакса, декоративных 3D-элементов или тонких эффектов глубины без тяжелых рамок. Запускается при выполнении задач, включающих псевдо-3D Zdog, фоны Vanta.js, параллакс Vanilla-Tilt, эффекты наклона карты, анимацию главного раздела или облегченные визуальные эффекты целевой страницы. Идеально подходит для проектов, ориентированных на производительность.

14Установки·1Тренд·@freshtechbro

Установка

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

Как установить lightweight-3d-effects

Быстро установите AI-навык lightweight-3d-effects в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в 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.

Легкие 3D-эффекты для декоративных элементов и микровзаимодействий с использованием Zdog, Vanta.js и Vanilla-Tilt.js. Используйте этот навык при добавлении псевдо-3D-иллюстраций, анимированных фонов, эффектов наклона параллакса, декоративных 3D-элементов или тонких эффектов глубины без тяжелых рамок. Запускается при выполнении задач, включающих псевдо-3D Zdog, фоны Vanta.js, параллакс Vanilla-Tilt, эффекты наклона карты, анимацию главного раздела или облегченные визуальные эффекты целевой страницы. Идеально подходит для проектов, ориентированных на производительность. Источник: freshtechbro/claudedesignskills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
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?

Легкие 3D-эффекты для декоративных элементов и микровзаимодействий с использованием Zdog, Vanta.js и Vanilla-Tilt.js. Используйте этот навык при добавлении псевдо-3D-иллюстраций, анимированных фонов, эффектов наклона параллакса, декоративных 3D-элементов или тонких эффектов глубины без тяжелых рамок. Запускается при выполнении задач, включающих псевдо-3D Zdog, фоны 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 После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/freshtechbro/claudedesignskills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-03-09