bosskuai-3d-web-development
Use this for creating immersive 3D websites, WebGL experiences, Three.js/React Three Fiber scenes, scroll-driven 3D animations, GSAP-powered 3D motion, post-processing effects, Spline integrations, interactive particle systems, and Awwwards-quality 3D web experiences.
3d-performance
Performance optimization for 3D web scenes â LOD strategies, frustum/occlusion culling, draw call reduction, and R3F-specific optimizations. Use when scenes run below 60fps.
pixi-js
PixiJS â fast, lightweight 2D rendering library for the web. Supports WebGL and WebGPU renderers with an intuitive scene graph API. Use this package to build interactive graphics, games, and data visualizations that run in any modern browser without plugins.
design-dna
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a structured JSON profile covering all three dimensions, (3) a user has a Design DNA JSON and content and wants a design generated from it, or (4) any combination of these phases. Triggers on "design DNA", "extract design style", "analyze design", "design tokens from reference", "generate design from JSON", "design system from screenshot", "design profile", "style guide JSON", "visual effects analysis", "design with effects", "3d design analysis".