Can I use this for complex UI transitions?

Yes, it includes patterns for Storyboards, KeyFrames (Linear, Spline, and Easing), and TransformGroups to create sophisticated multi-property transitions.

How does this help when using Claude Code?

It provides Claude with domain-specific templates and best practices, allowing the AI to generate production-ready WPF animation code that follows .NET industry standards.

Does it include easing functions for natural movement?

Absolutely. It covers various easing modes including Quadratic, Elastic, Bounce, Back, and Circular to provide professional-grade motion and feel.

What types of WPF animations does this skill support?

It supports DoubleAnimation, ColorAnimation, ThicknessAnimation, and ObjectAnimationUsingKeyFrames for both XAML and C# code-behind implementations.

Is it possible to trigger animations from C# code?

Yes, the skill provides specific patterns for implementing reusable animation helpers and controllers directly in your C# logic for dynamic interactions.

WPF Animation Patterns

Name: WPF Animation Patterns
Author: christian289

bychristian289

•

デザインツール

Implements professional WPF animations using Storyboards, EasingFunctions, and KeyFrame patterns for interactive UI transitions.

This skill empowers Claude to design and implement sophisticated WPF animations, ranging from simple property changes to complex multi-step storyboards. It provides standardized patterns for XAML-based triggers, dynamic code-behind animations, and advanced easing functions to ensure smooth, high-performance user interfaces. Whether you're building hover effects, slide-in transitions, or composite transformations, this skill ensures best practices for resource management and visual consistency in .NET desktop applications.

主な機能

01Standardized XAML Storyboard and Timeline configurations

02Multi-step animations using Linear, Spline, and Easing KeyFrames

03C# code-behind helpers for dynamic and reusable animation logic

04Advanced EasingFunction implementation for natural motion (Bounce, Elastic, etc.)

05Composite RenderTransform animations for rotation, scaling, and translation

066 GitHub stars

ユースケース

01Designing complex loading sequences and component entry animations

02Implementing interactive feedback effects like button hovers and click ripples

03Creating smooth UI transitions and state change visualizations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add christian289/dotnet-with-claudecode creating-wpf-animations

For use in Claude.ai and ChatGPT

Download Skill