🎨
Performance Optimization
This skill helps you optimize perceived performance using optimistic UI, skeletons, and latency strategies to boost user trust and loading experience.
performancefrontenduxaccessibility
🎨
Performance Optimization
This skill analyzes bottlenecks and provides production-ready optimizations across algorithms, databases, frontend, and infrastructure to speed up applications.
performancebackendfrontenddatabase
🎨
Public Components Skill
This skill helps you understand and apply the @arim-aisdc/public-components library, enabling advanced table, forms, and global config across front-end apps.
frontendautomationperformancedebugging
🎨
R3f Animation
React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.
enzedfrontend
🎨
R3f Fundamentals
React Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling the render loop, or working with Three.js objects in React.
enzedfrontend
🎨
R3f Interaction
React Three Fiber interaction - pointer events, controls, gestures, selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.
enzedfrontend
🎨
R3f Materials
React Three Fiber materials - PBR materials, Drei materials, shader materials, material properties. Use when styling meshes, creating custom materials, working with textures, or implementing visual effects.
enzedfrontend
🎨
R3f Physics
React Three Fiber physics with Rapier - RigidBody, colliders, forces, joints, sensors. Use when adding physics simulation, collision detection, character controllers, or creating interactive physics-based experiences.
enzedfrontend
🎨
R3f Postprocessing
React Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
enzedfrontend
🎨
R3f Textures
React Three Fiber textures - useTexture, texture loading, environment maps, texture configuration. Use when loading images, working with PBR texture sets, cubemaps, HDR environments, or optimizing texture usage.
enzedfrontend
🎨
React Best Practices
Comprehensive React and Next.js best practices guide covering performance optimization, component architecture, shadcn/ui patterns, Motion animations, and modern React 19+ patterns. This skill should be used when writing, reviewing, or refactoring React/Next.js code. Triggers on tasks involving Reac
dedalus-erp-pasfrontend
🎨
React Gradual Architecture
Incremental React code organization guidelines. Start small, then extract when scanning and responsibilities start to blur. Use when creating features, organizing files, refactoring components, or deciding when to extract hooks, UI, or utils.
vandrieshfrontend