·lightweight-3d-effects
</>

lightweight-3d-effects

Efectos 3D ligeros para elementos decorativos y microinteracciones usando Zdog, Vanta.js y Vanilla-Tilt.js. Utilice esta habilidad al agregar ilustraciones pseudo-3D, fondos animados, efectos de inclinación de paralaje, elementos decorativos 3D o efectos de profundidad sutiles sin marcos pesados. Activa tareas que involucran pseudo-3D de Zdog, fondos Vanta.js, paralaje Vanilla-Tilt, efectos de inclinación de tarjetas, animaciones de secciones de héroes o imágenes livianas de páginas de destino. Ideal para diseños centrados en el rendimiento.

13Instalaciones·1Tendencia·@freshtechbro

Instalación

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

Cómo instalar lightweight-3d-effects

Instala rápidamente el skill de IA lightweight-3d-effects en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: freshtechbro/claudedesignskills.

SKILL.md

Ver original

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.

Efectos 3D ligeros para elementos decorativos y microinteracciones usando Zdog, Vanta.js y Vanilla-Tilt.js. Utilice esta habilidad al agregar ilustraciones pseudo-3D, fondos animados, efectos de inclinación de paralaje, elementos decorativos 3D o efectos de profundidad sutiles sin marcos pesados. Activa tareas que involucran pseudo-3D de Zdog, fondos Vanta.js, paralaje Vanilla-Tilt, efectos de inclinación de tarjetas, animaciones de secciones de héroes o imágenes livianas de páginas de destino. Ideal para diseños centrados en el rendimiento. Fuente: freshtechbro/claudedesignskills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es lightweight-3d-effects?

Efectos 3D ligeros para elementos decorativos y microinteracciones usando Zdog, Vanta.js y Vanilla-Tilt.js. Utilice esta habilidad al agregar ilustraciones pseudo-3D, fondos animados, efectos de inclinación de paralaje, elementos decorativos 3D o efectos de profundidad sutiles sin marcos pesados. Activa tareas que involucran pseudo-3D de Zdog, fondos Vanta.js, paralaje Vanilla-Tilt, efectos de inclinación de tarjetas, animaciones de secciones de héroes o imágenes livianas de páginas de destino. Ideal para diseños centrados en el rendimiento. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo lightweight-3d-effects?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lightweight-3d-effects Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/freshtechbro/claudedesignskills