All Claude skills in my MD file

12 Principles of Animation
Audit animations against Disney's 12 principles adapted for web

Animate Presence
Exit animations with Motion's AnimatePresence for modals, toasts, page transitions

CSS Transitions
CSS transitions reference for timing, easing, and property selection

Easing Blueprint
Easing curve selection guide for matching motion to intent

Axiom UIKit Animation Debugging
Diagnose CAAnimation issues, spring physics, device-specific jank

Fixing Motion Performance
Fix repaints, layout thrashing, GPU layer issues in animations

Framer Motion Animator
Page transitions, gestures, scroll-based animations, orchestrated sequences

Motion (Nuxt)
Motion component API and composables for Vue 3 / Nuxt

Shared Layout Animations
Seamless layout transitions using Motion's layoutId

Shadow Design
Generate beautiful, realistic layered CSS shadows

Three.js Animation
Keyframe, skeletal, morph target animations and procedural motion

Baseline UI
Opinionated UI baseline to prevent AI-generated interface slop

Canvas Design
Create visual art in .png and .pdf using design philosophy

Design Lab
Generate five distinct UI variations, collect feedback, produce implementation plans

Frontend Design
Production-grade frontend interfaces with high design quality

Implement Design
Translate Figma designs into production code with 1:1 visual fidelity

Interaction Design
Microinteractions, motion design, transitions, user feedback patterns

Interface Design
Dashboards, admin panels, apps, tools, interactive products

Mobile Design
Mobile-first design for iOS and Android, touch, performance, offline

UI/UX Pro Max
50 styles, 21 palettes, 50 font pairings, 9 stacks

Web Design Guidelines
Review UI against Web Interface Guidelines for best practices

Frontend Responsive Design Standards
Responsive layouts with fluid containers and mobile-first breakpoints

Responsive Design
Container queries, fluid typography, CSS Grid, mobile-first strategies

Responsive Web Design
CSS Grid, Flexbox, media queries, adaptive interfaces across devices

Tailwind CSS
Utility-first framework for rapid UI development with dark mode

Tailwind CSS Mobile First
Mobile-first responsive patterns for Tailwind CSS v4

Tailwind CSS Patterns
Layout utilities, flexbox, grid, spacing, typography, colors

Design Systems
Build and scale design systems, component libraries, brand consistency

Design Tokens
DTCG spec tokens, color spaces, theming, multi-platform systems

Tailwind Advanced Design Systems
Advanced design systems with design tokens and @theme configuration

Fixing Accessibility
Identify and fix accessibility issues across components

Fixing Metadata
Ship correct, complete metadata for SEO and social sharing

WCAG Audit Patterns
WCAG 2.2 audits with automated testing and remediation guidance

Web Performance Optimization
Core Web Vitals, bundle size, caching strategies, runtime performance

Code Reviewer
Review code for correctness, maintainability, and project standards

Frontend Patterns
React, Next.js, state management, performance optimization patterns

Karpathy Guidelines
Reduce common LLM coding mistakes, surgical changes, surface assumptions

Vercel React Best Practices
React and Next.js performance optimization from Vercel Engineering

Ask Questions if Underspecified
Clarify requirements before implementing when doubts arise

Executing Plans
Execute implementation plans in separate sessions with review checkpoints

Find Skills
Discover and install new agent skills from the community

Humanizer
Remove signs of AI-generated writing to sound more natural

SwiftUI UI Patterns
SwiftUI views, TabView architecture, component-specific patterns

5 MCP servers

Motion
Motion.dev Studio, animation code generation

Pencil
.pen design files

Figma
Figma design integration

Vercel
Deploy, manage projects, and fetch logs from Vercel