Ayofemi-Adetoye Ore
Community@ayofemiade
Ayofemi-Adetoye Ore maintains 74 skills for building interactive 3D web experiences, scroll-driven animations, and production-grade frontend interfaces using Three.js, GSAP, and React.
Agent Skills by Ayofemi-Adetoye Ore
Showing 38 vetted skills indexed across 2 GitHub repositories.
ayofemiadefull-output-enforcement
Enforce complete code generation and ban placeholder patterns in outputs.
ayofemiadegpt-taste
Generate randomized UX/UI designs with AIDA structure and GSAP animations.
ayofemiadeui-ux-pro-max
Generates design system recommendations by searching UI/UX style, color, and typography databases.
ayofemiadeaframe-webxr
Build browser-based VR and AR experiences using A-Frame's declarative HTML entity-component architecture.
ayofemiadelightweight-3d-effects
Generate decorative 3D effects and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.
ayofemiadethreejs-webgl
Build interactive 3D web scenes with Three.js WebGL and WebGPU rendering.
ayofemiademotion-framer
Create React animations with Motion components, gestures, variants, and layout transitions.
ayofemiademodern-web-design
Implements modern web design patterns with accessibility, performance, and animation guidance.
ayofemiadeanimejs
Create timeline, stagger, and SVG animations with the Anime.js JavaScript engine.
ayofemiadethreejs-shaders
Write custom GLSL shaders and ShaderMaterial effects for Three.js scenes.
ayofemiadethreejs-lighting
Configures Three.js light types, shadows, and image-based environment lighting.
ayofemiadelocomotive-scroll
Implement smooth scrolling, parallax effects, and scroll-driven animations with Locomotive Scroll.
ayofemiadethreejs-geometry
Create Three.js geometries including built-in shapes, BufferGeometry, and instanced meshes.
ayofemiadethreejs-interaction
Implements raycasting, camera controls, and mouse/touch input handling for interactive Three.js scenes.
ayofemiadethreejs-postprocessing
Implements Three.js post-processing effects using EffectComposer, bloom, DOF, and custom screen-space shaders.
ayofemiadebabylonjs-engine
Build real-time 3D web experiences with Babylon.js scenes, physics, and rendering.
ayofemiadegsap-scrolltrigger
Create GSAP animations and scroll-driven experiences with ScrollTrigger for web projects.
ayofemiadereact-spring-physics
Implements physics-based React animations using React Spring hooks and Popmotion utilities.
ayofemiadeplaycanvas-engine
Build browser-based 3D games and applications using the PlayCanvas WebGL engine.
ayofemiadeweb3d-integration-patterns
Provides architecture patterns for integrating Three.js, GSAP, React Three Fiber, Motion, and React Spring.
ayofemiadeblender-web-pipeline
Export and optimize Blender 3D models as glTF for web applications.
ayofemiadethreejs-loaders
Load GLTF models, textures, and HDR environments in Three.js applications.
ayofemiadescroll-reveal-libraries
Implement scroll-triggered reveal animations using the AOS library across web frameworks.
ayofemiadelottie-animations
Implement After Effects JSON animations in web and React applications using Lottie libraries.
Frequently Asked Questions About Ayofemi-Adetoye Ore
FAQPage SchemaWhat tasks can I accomplish with Ayofemi-Adetoye Ore's skills?▼
You can build interactive 3D scenes with Three.js, Babylon.js, and PlayCanvas, create VR/AR experiences with A-Frame WebXR, implement scroll-driven animations with GSAP ScrollTrigger and Locomotive Scroll, render Lottie and Rive animations, and design production-grade frontend interfaces with React, Vue, or HTML/CSS/JS.
Who should use these skills?▼
Frontend developers, creative technologists, and web designers building immersive websites, 3D product configurators, browser games, or animated landing pages. Skills also serve 3D artists exporting Blender and Substance 3D assets to web-ready glTF formats for real-time rendering.
How do the 3D and animation skills work together in practice?▼
The web3d-integration-patterns skill provides architecture for combining Three.js, React Three Fiber, GSAP ScrollTrigger, Motion, and React Spring in one application. Blender-web-pipeline and substance-3d-texturing feed optimized glTF models and PBR textures into threejs-loaders for rendering.
Are these skills free and open source?▼
The skills are publicly available in the registry. The skill-creator and frontend-design skills reference complete license terms in an included LICENSE.txt file. Underlying libraries like Three.js, GSAP, Anime.js, and PixiJS are open-source, while Substance 3D Painter and Spline are commercial products.
What prerequisites do I need before using these skills?▼
You need working knowledge of JavaScript and modern frontend development. React-based skills (react-three-fiber, motion-framer, react-spring-physics) require React familiarity. Three.js skills assume WebGL concepts, while blender-web-pipeline requires Blender with bpy scripting, and substance-3d-texturing requires Adobe Substance 3D Painter.