Houssam Mrabet
Community@HoussamMrabet · Morocco
Passionate problem-solver constantly learning new technologies and contributing to open source.
Agent Skills by Houssam Mrabet
Showing 9 vetted skills indexed across 1 GitHub repositories.
HoussamMrabetowasp-security
Review code against OWASP Top 10, ASVS 5.0, LLM, and agentic AI security standards.
HoussamMrabetgsap-plugins
Implements GSAP plugin registration and usage for scroll, drag, SVG, text, and physics animations.
HoussamMrabetgsap-timeline
Sequences and choreographs GSAP animations using timelines, labels, and the position parameter.
HoussamMrabetgsap-scrolltrigger
Implements scroll-linked animations, pinning, and scrubbing with the GSAP ScrollTrigger plugin.
HoussamMrabetgsap-performance
Optimizes GSAP animations for smooth 60fps rendering using transforms and batching.
HoussamMrabetgsap-core
Create GSAP tweens with easing, stagger, transforms, and responsive matchMedia behavior.
HoussamMrabetgsap-utils
Applies GSAP utility functions for clamping, mapping, snapping, and randomizing animation values.
HoussamMrabetgsap-frameworks
Implements GSAP animations in Vue, Nuxt, and Svelte with lifecycle-safe cleanup and scoped selectors.
HoussamMrabetgsap-react
Implements GSAP animations in React using the useGSAP hook with scoped selectors and automatic cleanup.
Frequently Asked Questions About Houssam Mrabet
FAQPage SchemaWhat tasks can I accomplish using Houssam Mrabet's skills?▼
You can build GSAP animations including tweens, timelines, scroll-triggered pinning, draggable elements, and SplitText effects; optimize animations for 60fps; integrate GSAP with React, Next.js, Vue, Nuxt, and Svelte; review code against OWASP Top 10:2025 and ASVS 5.0; and get frontend visual design and typography direction.
Who are these skills designed for?▼
Frontend developers and web engineers building animated interfaces in React, Vue, Svelte, or vanilla JavaScript, plus developers reviewing code for web application security vulnerabilities and designers seeking intentional, non-templated visual direction for new or reshaped UIs.
How do the GSAP skills work in practice?▼
Each skill targets a specific GSAP area: core tweens and easing, timeline sequencing, ScrollTrigger scroll-linked animation, plugin registration, performance optimization, gsap.utils helpers, and framework-specific integration with proper lifecycle cleanup in React (useGSAP) or Vue/Svelte (onMounted/onDestroy).
Are these skills free and open source?▼
Yes. All eight GSAP skills are released under the MIT license. The frontend-design skill's complete terms are provided in its LICENSE.txt file, and the owasp-security skill is openly available in the public repository.
What prerequisites or dependencies do these skills require?▼
The GSAP skills assume a JavaScript project using GSAP, optionally within React, Next.js, Vue, Nuxt, Svelte, or SvelteKit. The owasp-security skill declares Read, Grep, and Glob as allowed tools for inspecting codebases during security reviews.