Home /Claude Skills /my-claude-skills
Highly Recommended

My Claude Skills

Say goodbye to manually tweaking animation parameters
Bring your site to life with just one command
Core Principle:
This skill instantly adds professional-grade animations to your Next.js projects. With one command, generate GSAP scroll animations, text reveals, parallax effects - even smooth scrolling is handled.
KEY FEATURES
01One-click Animations
Complex GSAP animation configurations become simple commands
02Smooth Scrolling
Built-in Lenis smooth scrolling solution
03Text Effects
SplitText animation ready out of the box
04Responsive Design
Automatically adapts to different screen sizes
github.com/mashdotdev/my-claude-skills
data-ai·mashdotdev·2026-01-29·0·🔱 0
Curated by agent-skills.cc
Installation
Download
HTTPS
git clone https://github.com/mashdotdev/my-claude-skills.git
SSH
git clone [email protected]:mashdotdev/my-claude-skills.git
GitHub CLI
gh repo clone mashdotdev/my-claude-skills
FAQ
Q: What are the installation steps for My Claude Skills Agent Skills?
1.Install Skill: Copy or link skill folder
2.Invoke Command: Type /gsap-animations in Claude Code
3.Describe Needs: Tell Claude what effect you want
4.Get Code: Receive high-quality animation implementation
Q: What are the highlights of My Claude Skills Agent Skills?
  • Zero learning curve
  • Industry-standard GSAP
  • Perfect Next.js integration
  • Continuous updates
Q: What are the use cases for My Claude Skills Agent Skills?
  • E-commerce product showcase
  • Corporate homepage animations
  • Portfolio special effects
  • Marketing campaign pages
Q: What are the limitations of My Claude Skills Agent Skills?
  • Limited to Next.js projects
  • Requires GSAP basic license