Browse 138,453 skills across 70 categories. Mirrored from majiayu000/claude-skill-registry.
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates....
Modernizes Angular code such as components and directives to follow best practices using both automatic CLI migrations a...
Angular 21 development patterns for this project. Use when writing or reviewing Angular components, services, templates,...
Angular performance: NgOptimizedImage, @defer, lazy loading, SSR. Trigger: When optimizing Angular app performance, imag...
Add, repair, or validate Angular 20 Progressive Web App support with `@angular/pwa`, including deterministic `ng add` ex...
Angular Router for navigation, routing configuration, route guards, lazy loading, and parameter handling. Use when setti...
Implement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. Us...
Add or repair runtime localization in Angular 20 applications with a minimal setup using `@ngx-translate/core` and JSON...
Use when handling async operations in Angular applications with observables, operators, and subjects.
Implement signal-based reactive state management in Angular v20+. Use for creating reactive state with signal(), derived...
Use when building Angular 16+ applications requiring fine-grained reactive state management and zone-less change detecti...
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategie...
Master modern Angular state management with Signals, NgRx, and RxJS. Use when setting up global state, managing componen...
Use when implementing state management with PlatformVmStore for complex components requiring reactive state, effects, an...
Install, repair, or verify Storybook in Angular 20 applications that already use Tailwind CSS, including required addons...
Add, repair, or standardize Supabase in Angular 20 using DI-first providers, typed InjectionTokens, and an optional adap...
Install, repair, or verify Tailwind CSS v4 in existing Angular 20 workspaces with deterministic PostCSS setup, styleshee...
Implement or refactor an Angular 20 + Tailwind CSS v4 light/dark theme system with Light as the default, class-based dar...
Write unit and integration tests for Angular v21+ applications using Vitest or Jasmine with TestBed, component harnesses...
Use Angular CLI and development tools effectively in Angular v20+ projects. Use for project setup, code generation, buil...
Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handli...
Develop Angular v21 components, services, and directives with signals. Use when implementing standalone components, OnPu...
Migrate Angular workspaces from Karma/Jasmine to Vitest with deterministic preflight checks, test-target builder updates...
ANIMA as limit construction over condensed skill applications. Formalizes prediction markets as belief ANIMAs, structure...
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usabilit...
User interface animations and transitions. When Claude needs to create performant, tasteful animations.
Patterns for animating financial numbers with spring physics, formatting, and visual feedback. Covers animated counters,...
Generate a minimalist static image from a prompt, then animate it into a short video. Use when users want a concept imag...
Use when generating animated game sprites, creating sprite sheets, building character animations for 2D games, or needin...
Creates Awwwards-level, high-performance animations using industry-standard tools like GSAP, Three.js/R3F, and Lenis. Sp...
Animation ใน React สามารถแบ่งออกเป็น 4 ประเภทหลัก:
Expert guidance for creating premium, performant animations in React using Motion (motion.dev). Covers all animation typ...
Apply web animation principles from Animation at Work by Rachel Nabors. Covers human perception of motion, 12 principles...
Animation blending skill for blend trees.
CSS animation and transition creator. Generates optimized @keyframes, transitions, and transform sequences with performa...
Expert in web animations, transitions, and motion design using Framer Motion and CSS
Ensures engaging user experience through validation of animations, transitions, micro-interactions, and feedback states,...
Provides reusable interaction patterns and motion presets that make UI feel polished. Includes hover effects, transition...
Create smooth animations and micro-interactions with Framer Motion and CSS. Covers enter/exit animations, gestures, scro...
| ID | flutter-animation-motion |
| Atributo | Valor |
CSS animations, transitions, and scroll-driven effects with accessibility (prefers-reduced-motion). Use when adding moti...
Framer Motion patterns, page transitions, skeleton loading, scroll-linked animations, and gesture-based interactions for...
Optimize 8-bit animations for smooth performance. Apply when creating animated pixel art, game UI effects, or any retro-...
Applies Disney's 12 animation principles to UI motion design. Use when improving animation quality, designing micro-inte...
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newc...
Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge...
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive conte...
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovatio...
Use when someone has working knowledge of animation principles and needs guidance on combining them effectively in more...
Use when someone seeks the philosophical foundation of animation principles, wants to understand why they work, or is at...
Use when someone has basic awareness of animation principles and wants to start applying them in simple projects
Use when someone needs a rapid overview of all 12 animation principles in under 5 minutes
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied