Build scroll animations with GSAP or Framer Motion, including fade-ins, parallax effects that move layers at different speeds, pinned sections, and horizontal scrolling. Provides implementation patterns for vanilla JavaScript, React, and Next.js, with accessibility guidance.
- Fade cards in as they enter the screen
- Create parallax effects for images and text
- Build pinned sections with sequential animations
github/awesome-copilot☆ 40.2KUpdated Oct 17, 2026
Design and build visual stories where scrolling changes charts, maps, or video. Plan meaningful scene transitions, choose suitable implementation tools, and provide mobile layouts and static alternatives for readers who prefer reduced motion.
- Build a story with charts that change as readers scroll
- Create a timeline combining maps and video
- Compare scrolling narratives with step-by-step displays
openai/plugins☆ 7.5KUpdated Oct 8, 2026
Build web animations with GSAP ScrollTrigger that respond to scrolling. Move or reveal elements, keep sections pinned in place, link animation progress to scroll position, and create parallax effects or horizontal movement driven by vertical scrolling.
- Reveal cards as they enter the viewport
- Keep a section pinned during scrolling
- Link animation progress to scroll position
calesthio/OpenMontage☆ 69.9KUpdated Oct 17, 2026
Build web animations with GSAP ScrollTrigger that respond to scrolling. Move or reveal elements, keep sections pinned in place, link animation progress to scroll position, and create parallax effects or horizontal movement driven by vertical scrolling.
- Reveal cards as they enter the viewport
- Keep a section pinned during scrolling
- Link animation progress to scroll position
greensock/gsap-skills☆ 16.7KUpdated Jul 30, 2026
Generate cinematic scrolltelling websites where scroll drives the narrative: Lenis smooth scroll, GSAP ScrollTrigger cinematic section reveals with fluid OKLCH color transitions, Three.js painted-texture shader backgrounds reactive to cursor, scroll, velocity, and chapter progress. Four modes — chapter-reveal (scroll-paced storytelling), painted-backdrop (reactive shader canvas), full-cinema (complete cinematic site), catalog (all shader presets side by side). This skill should be used when building storytelling websites, scroll-driven experiences, cinematic landing pages, or any page where sections reveal as chapters with color transitions and ambient 3D backgrounds. Triggers on scrollytelling, cinematic scroll, scroll-driven storytelling, Lenis smooth scroll, GSAP ScrollTrigger, scroll chapter reveal, scroll color transition, painted shader background, narrative scroll website, premium scroll experience, shader catalog.
The English summary is being prepared. Showing the original description.
tdimino/claude-code-minoan☆ 41Updated Oct 16, 2026
Build web animations with GSAP ScrollTrigger that respond to scrolling. The skill covers pinned sections, animation progress linked to scroll position, horizontal movement, and the position updates and cleanup needed when page content changes.
- Animate elements as they enter the viewport
- Keep a section pinned while its content animates
- Move content horizontally through vertical scrolling
nexu-io/open-design☆ 102.5KUpdated Oct 19, 2026
Automate Crowdin operations through an AI agent with Rube MCP and Composio. It searches for tools suited to the task, verifies their input requirements and the service connection, then executes the available operations.
- Find available Crowdin tools for a task
- Check the Crowdin connection before running operations
- Automate repeated Crowdin operations
ComposioHQ/awesome-claude-skills☆ 77.4KUpdated Sep 18, 2026
Automate Crowdin operations through an AI agent with Rube MCP and Composio. It searches for tools suited to the task, verifies their input requirements and the service connection, then executes the available operations.
- Find available Crowdin tools for a task
- Check the Crowdin connection before running operations
- Automate repeated Crowdin operations
composio-community/awesome-codex-skills☆ 17KUpdated Jul 26, 2026
Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when implementing smooth scrolling experiences, creating parallax effects, building scroll-triggered animations, or developing immersive scrolling websites. Triggers on tasks involving Locomotive Scroll, smooth scrolling, parallax, scroll detection, scroll events, sticky elements, horizontal scrolling, or GSAP ScrollTrigger integration. Integrates with GSAP for advanced scroll-driven animations.
The English summary is being prepared. Showing the original description.
freshtechbro/claudedesignskills☆ 1.1KUpdated Nov 20, 2025
Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snapping, timelines, horizontal scroll, ScrollSmoother, matchMedia) and Framer Motion / Motion v12 (useScroll, useTransform, useSpring, whileInView, variants). Use this skill even if the user just says "animate on scroll", "fade in as I scroll", "make it scroll like Apple", "parallax effect", "sticky section", "scroll progress bar", or "entrance animation". Also triggers for Copilot prompt patterns for GSAP or Framer Motion code generation. Pairs with the premium-frontend-ui skill for creative philosophy and design-level polish.
The English summary is being prepared. Showing the original description.
mouadja02/skills☆ 10Updated Oct 17, 2026
Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion tied to scroll position — in vanilla JS, React, or Next.js. Covers GSAP ScrollTrigger (pinning, scrubbing, snapping, timelines, horizontal scroll, ScrollSmoother, matchMedia) and Framer Motion / Motion v12 (useScroll, useTransform, useSpring, whileInView, variants). Use this skill even if the user just says "animate on scroll", "fade in as I scroll", "make it scroll like Apple", "parallax effect", "sticky section", "scroll progress bar", or "entrance animation". Also triggers for Copilot prompt patterns for GSAP or Framer Motion code generation. Pairs with the premium-frontend-ui skill for creative philosophy and design-level polish.
The English summary is being prepared. Showing the original description.
jcasnellie69/homelab-config☆ 2Updated Oct 16, 2026
Create landing pages that unfold as visitors scroll, using Lenis and GSAP ScrollTrigger. Combine sequential text reveals, layered sticky cards, backgrounds moving at different speeds, and loading transitions, with reduced-motion and mobile fallbacks.
- Create a landing page that unfolds section by section
- Present portfolio projects as layered sticky cards
- Reveal headlines and backgrounds as visitors scroll
MengTo/Skills☆ 6.8KUpdated Oct 18, 2026
Emulated Microsoft Entra ID (Azure AD) OAuth 2.0 / OpenID Connect for local development and testing. Use when the user needs to test Microsoft sign-in locally, emulate Entra ID OIDC discovery, handle Microsoft token exchange, configure Azure AD OAuth clients, work with Microsoft Graph /me, or test PKCE/client credentials flows without hitting real Microsoft APIs. Triggers include "Microsoft OAuth", "Entra ID", "Azure AD", "emulate Microsoft", "mock Microsoft login", "test Microsoft sign-in", "Microsoft OIDC", "local Microsoft auth", or any task requiring a local Microsoft OAuth/OIDC provider.
The English summary is being prepared. Showing the original description.
vercel-labs/emulate☆ 1.9KUpdated Oct 15, 2026
Check Microsoft API usage against official documentation and code samples. Find methods, parameters, and packages for Azure SDKs, .NET libraries, and Microsoft APIs, then compare implementations to investigate errors or outdated patterns.
- Verify methods and parameters before writing code
- Find official code samples for authentication or uploads
- Investigate missing methods and type errors
github/awesome-copilot☆ 40.2KUpdated Oct 17, 2026
Find explanations, tutorials, configuration guidance, and code examples in official documentation for Microsoft technologies. Choose documentation sources for Azure, .NET, VS Code, GitHub, Aspire, and Agent Framework based on where the relevant material is published.
- Find official explanations and setup instructions
- Look up code examples for a specific language
- Research VS Code settings or extension APIs
github/awesome-copilot☆ 40.2KUpdated Oct 17, 2026
Integrate Microsoft Graph SDK into .NET, TypeScript/JavaScript, or Python applications to access Microsoft 365 data. Covers authentication, permissions, paginated results, incremental synchronization, change notifications, and retries when requests hit service limits.
- Building apps that access Microsoft 365 mail and calendars
- Integrating Teams, OneDrive, and SharePoint data
- Synchronizing only data changed since the previous run
github/awesome-copilot☆ 40.2KUpdated Oct 17, 2026
Deploy CrowdStrike Falcon sensors across Windows, macOS, and Linux endpoints. Configure threat prevention and response policies, verify installation and detection, troubleshoot sensor issues, and connect events to SIEM platforms, which collect security logs for analysis.
- Deploying Falcon sensors across enterprise endpoints
- Configuring prevention and response policies by endpoint group
- Checking sensor connectivity and test detections
mukul975/Anthropic-Cybersecurity-Skills☆ 34.7KUpdated Aug 31, 2026
Configure advanced Microsoft Defender protections on Windows, including rules that block risky behavior, protected folders, network filtering, and exploit defenses. Use audit modes to assess application impact, then deploy policies and monitor detections across an organization.
- Strengthening Windows endpoint protection
- Assessing ASR rules in audit mode
- Configuring ransomware protection for folders
mukul975/Anthropic-Cybersecurity-Skills☆ 34.7KUpdated Aug 31, 2026
Set up NVIDIA infrastructure for synthetic data generation on MicroK8s or Azure AKS. Coordinate Kubernetes, inference services, and OSMO workflow execution, with prerequisite checks, deployment validation, capacity planning, and failure investigation before workloads are retried.
- Set up a synthetic data generation environment on MicroK8s
- Deploy an Azure AKS environment with OSMO and inference services
- Check GPU quotas and capacity before scaling
openai/plugins☆ 7.5KUpdated Oct 8, 2026
Build chapter-based pages that move sideways as visitors scroll vertically. Deriving each scene from scroll position keeps reverse scrolling, jumps, and reloads consistent, with guidance for transitions, chapter links, keyboard controls, and reduced motion.
- Building a horizontal product tour
- Creating a chapter-based scrolling story
- Fixing scene mismatches after jumps or reloads
MengTo/Skills☆ 6.8KUpdated Oct 18, 2026
Build an award-winning "3D scroll" website of ANY kind from ONE prompt — product launch, portfolio, agency, contractor/home-services, restaurant, real estate, personal brand, event, app, etc. Generates a high-end cinematic hero visual + clips (360° orbit, fly-through, reveal, explode, parallax) fitting the site's subject with the Higgsfield MCP, slices them into a scroll-scrubbed canvas frame sequence with ffmpeg, builds a branded multi-section site (Lenis smooth scroll + scroll reveals), and launches it on localhost. Use when the user asks for a "3D scroll" site, scroll-driven hero/reveal, a cinematic landing page, a buckssauce/Apple/Awwwards-style scroll site, or "build me a website like X" — for a product OR a service, person, place, or brand. Trigger words: 3D scroll, scroll animation, cinematic hero, fly-through, turntable, scroll site, landing page, portfolio site, agency site, Higgsfield site.
The English summary is being prepared. Showing the original description.
zubair-trabzada/scroll-cinematic-claude☆ 74Updated Jun 11, 2026
This skill should be used when the user asks to "build a scroll animation", "add ScrollTrigger", "pin a section while scrolling", "scrub an animation to scroll", "create a hero timeline", "do a horizontal scroll section", "split text and animate words", "animate a layout change with GSAP Flip", "sync ScrollTrigger with Lenis", "Lenis smooth scroll jittery", "ScrollTrigger markers drift", "ScrollTrigger pins break with Lenis/Locomotive", or "set up smooth scroll with GSAP pinning". Covers GSAP timelines, ScrollTrigger, SplitText, Flip, and Lenis/Locomotive smooth-scroll sync for code-driven web motion.
The English summary is being prepared. Showing the original description.
iart-ai/web-animation-skills☆ 45Updated Jun 22, 2026
Create agent skills for Microsoft technologies by researching official documentation and code samples. Package essential knowledge and examples locally, with instructions for looking up detailed or version-specific information through Microsoft Learn tools or the mslearn CLI.
- Create an agent skill for Azure tasks
- Package .NET library usage into a skill
- Organize framework conventions and code examples
github/awesome-copilot☆ 40.2KUpdated Oct 17, 2026
Investigate lateral movement, where attackers expand access across Azure identities and tenants. Correlate audit logs and unusual sign-ins, build Microsoft Sentinel detection queries, and report affected identities with recommended containment actions.
- Investigating suspicious Azure sign-ins
- Building Microsoft Sentinel detection rules
- Reviewing suspicious OAuth app consent
mukul975/Anthropic-Cybersecurity-Skills☆ 34.7KUpdated Aug 31, 2026