Agent Skills Hub

interaction-design

Design and implement microinteractions, motion design, and transitions. Use to add UI polish, define loading states, and create delightful, intuitive user feedback patterns.

frontend-ui-animator

Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.

music-theory-visual-design

Visual design and UI styling guidelines for the Harmonic Orbit music theory application, covering typography, color systems, spacing, animations, and accessibility standards.

french-claude

A design-focused coding agent that brings world-class interface craft, motion, and systematic front-end engineering to your development workflow.

design-excellence

A design system and anti-pattern guide to make AI-generated UI look human-crafted. Ensures professional aesthetics by managing color, typography, spacing, and animations for the Toh Framework.

slidev-click-animations

Master v-click, v-after, and motion directives in Slidev to create progressive content reveals, interactive diagrams, and complex slide animations.

tamagui-best-practices

Tamagui library best practices for architecture, configuration, compiler optimization, and component patterns.

slack-gif-creator

Toolkit for generating and optimizing animated GIFs for Slack. Includes frame construction, animation effects, validation tools, and Slack-specific constraints.

ui-ux-pro-max

A professional UI/UX design guide for web and mobile. Features 50+ styles, 99 UX guidelines, and 97 color palettes. Supports multi-stack recommendations for React, Vue, Next.js, and more.

Pixel Art Animator

Manage sprite animations, frame sequences, timing, and tags in Aseprite. Perfect for game development, walk cycles, idle animations, and efficient pixel art workflows.

anima

Anima is a TypeScript animation engine for creating programmatic mathematical visualizations. Use it to script geometric animations, graphs, and complex movements with a fluent, Manim-inspired API.

flutter-performance-docs

A comprehensive optimization guide and best practices documentation for Flutter performance, covering build costs, rendering, list optimization, animations, and anti-patterns.