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. Navigation Menus

Navigation Menus

Editor's Note

This applies Disney's 12 animation principles to navigation menus, dropdowns, and sidebars. You get specific timing recommendations (200-250ms for dropdown opens, 20-40ms stagger delays between items), easing functions for different contexts, and concrete examples like hamburger icon morphs and active indicator slides with overshoot. The guidance covers everything from anticipation cues before a dropdown opens to secondary actions like shadow growth and chevron rotation. It's thorough without being prescriptive, giving you the principles and suggested timings so you can make navigation feel intentional instead of just functional. Most useful when you're building component libraries or design systems where these micro-interactions need to be consistent across an entire application.

Install

npx skills add https://github.com/dylantarre/animation-principles --skill navigation-menus
Votes
0
Installs198
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

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.
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.
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