What problem does it solve? Designing interactive 3D scenes in Angular requires deep knowledge of Three.js primitives, materials, lighting, and post-processing, which slows down developers who just want a polished hero section or visual effect. ## Core Features & Use Cases - Guided Scene Design: Conversational workflow that recommends primitives, lighting setups, materials, and effects based on the desired aesthetic (cyberpunk, cosmic, glass, geometric, particle, organic). - Image-Based Reverse Engineering: Analyzes a reference screenshot to extract colors, lighting, materials, and composition, then generates matching Angular scene code. - Ready-to-Use Templates: Six production-ready scene components (neon grid, floating geometry, bubble dream, space cosmic, metaball organic, particle storm) with documented customization points. - Use Case: A developer needs a dreamy glass-bubble hero section for a landing page; the skill matches the Bubble Dream pattern, generates the complete standalone Angular component with transmission materials, three-point lighting, and bloom, then suggests tweaks. ## Quick Start Ask the assistant to create a cyberpunk neon 3D hero scene for your Angular app using the angular-3d library.
