Skill UI

A comprehensive guide for setting up a robust 3D game environment in Godot Engine 4. Covers core elements such as Node3D transforms, Camera setup, various lighting sources (Directional/Omni), WorldEnvironment for post-processing, assigning StandardMaterials, and building tile-based levels using GridMap. Essential for any developer starting or refining a 3D scene.

Configure Three.js scenes with PBR materials like MeshStandardMaterial, add various light types, enable shadows, and use environment maps for realistic reflections. Essential for fixing black or flat models and achieving physically based rendering.

This skill covers setting up a foundational Three.js scene. It includes configuring import maps, initializing the Scene, PerspectiveCamera, and WebGLRenderer trio, establishing a responsive render loop, and adding OrbitControls. Use this when bootstrapping a new Three.js application or debugging rendering issues like blank canvases. It excludes model loading and material lighting setup.

This skill covers fundamental principles of 3D game development. It includes rendering pipelines, shader programming, physics collision systems, camera controls, lighting techniques, and level of detail optimization. It helps developers create efficient and visually appealing 3D environments while avoiding common anti-patterns in game production.

This skill diffs a live web page's accessibility violations against a specified baseline. It can compare changes against uncommitted local stashes or a specific Git branch. The report focuses exclusively on changes, highlighting new violations introduced, violations that have been fixed, and the count of pre-existing issues. Ideal for CI/CD pipelines and development auditing.

This skill acts as a frontend security specialist to detect Cross-Site Scripting (XSS) vulnerabilities in React, Vue, Angular, and vanilla JavaScript code. It performs static analysis to identify unsafe DOM manipulation, improper sanitization, and injection points. The tool helps developers secure client-side applications by highlighting dangerous patterns like innerHTML usage, URL injection risks, and framework-specific security issues such as dangerouslySetInnerHTML or v-html directives. It provides severity ratings and remediation suggestions for CWE-79 vulnerabilities.

This skill produces a step-by-step execution trace for specific code inputs, resolving names and tracking type transitions. It clarifies code behavior when users are confused about outputs or logic, highlighting non-obvious behaviors like implicit coercions and side effects without evaluating code quality. It helps users understand exactly what the code does.

Implement physically based sky and aerial perspective systems in Three.js for planetary atmospheres and ground-to-space transitions. Includes Rayleigh/Mie scattering, precomputed LUTs, depth-based transmittance, and atmosphere-aware lighting.

Master Three.js lighting techniques including ambient, directional, point, and spot lights. Learn to configure shadows, environment lighting, and optimize performance for realistic 3D scenes. Essential for web 3D development.

Build high-quality 3D scenes, WebGL experiences, and interactive visual effects with Three.js. Covers scene setup, geometry, materials, lighting, animation, particles, and mouse-driven interaction for web-based 3D graphics.