CLAUDE CODE MARKETPLACES
SkillsMarketplacesMCPDigestLearnAdvertise

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by Category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP Servers by Category
Web & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web CrawlingAutomation & Workflows
Marketplaces by Category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control

Claude Code Marketplaces

Discover Claude Code plugins, extensions, and tools. Automatically updated directory of Anthropic Claude AI marketplaces with development tools, productivity plugins, and integrations.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Marketplaces
  • Plugins Reference

Community

  • About
  • Learn
  • Feedback
  • Privacy Policy
  • Advertise

Built for the Claude Code community with Claude Code by @mertduzgun

Independent project, not affiliated with Anthropic
  1. Skills
  2. /
  3. dylantarre
  4. /
  5. animation-principles
  6. /
  7. Slow In Out Mastery

Slow In Out Mastery

Editor's Note

This one teaches you the physics behind why good animation feels natural instead of robotic. It breaks down easing curves (ease in, ease out, linear) and gives you the 80/20 rule: use ease out for 80% of UI animations because fast starts communicate responsiveness. The spacing principle is clearly explained, traditional animation concepts map to digital bezier curves, and there are specific recommendations for buttons, modals, character jumps, and camera movement. The domain applications section is genuinely useful because it tells you which easing to use where and why. If your animations feel lifeless or you're just guessing at curve values, this gives you the underlying theory to make intentional choices.

Install

npx skills add https://github.com/dylantarre/animation-principles --skill slow-in-out-mastery
Votes
0
Installs173
GitHub Stars42
Categories
Design & UI/UX
First SeenJun 3, 2026
View on GitHub

Comments

Login to comment

Related Design & UI/UX Skills

View all →
high-end-visual-design

leonxlnx/taste-skill

0
87.4k
31.7k
Premium design system enforcing high-end agency aesthetics with strict anti-patterns and motion choreography.
ui-ux-pro-max

The1Studio/theone-training-skills

0
27
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
ui-ux-pro-max

binjuhor/shadcn-lar

0
59
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
figma-create-design-system-rules

figma/mcp-server-guide

0
1.6k
1.5k
figma create design system rules
figma-create-design-system-rules

openai/skills

0
906
21.1k
figma create design system rules
figma-create-design-system-rules

nexu-io/open-design

0
573
57.2k
figma create design system rules