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

Staging Mastery

Editor's Note

This one teaches you to compose layouts and scenes around the principle that the eye can only process one focal point at a time. It's built on animation theory but applies directly to UI design, data viz, and presentation work. The silhouette test is the core idea: if your design doesn't read as a clear black shape, the staging fails. You get practical techniques like contrast hierarchies, negative space principles, and motion differentials to control attention. Honestly most useful when you're building something where user focus actually matters, like onboarding flows or dashboard updates where you need to direct attention sequentially rather than dumping everything at once.

Install

npx skills add https://github.com/dylantarre/animation-principles --skill staging-mastery
Votes
0
Installs178
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