veloxdev-create-animation

Write VeloxDev interpolation animations for .NET GUI applications across seven supported frameworks.

37|12|Updated Jun 5, 2025
One-click install
npx skills add https://github.com/Axvser/VeloxDev --skill veloxdev-create-animation-axvser
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: veloxdev-create-animation
Source: https://github.com/Axvser/VeloxDev/tree/main/skills/veloxdev-create-animation
Command: npx skills add https://github.com/Axvser/VeloxDev --skill veloxdev-create-animation-axvser

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Writing VeloxDev transition animations requires choosing the correct adapter package, following the repository's canonical declaration layout, and handling subtle behaviors like index evaluation, mutual execution, and sampler registration. This Skill encodes those rules so generated animation code compiles and behaves correctly on the first run for whichever .NET GUI the project uses. ## Core Features & Use Cases - Adapter package selection: Maps WPF, Avalonia, WinUI, MAUI, WinForms, Blazor/Razor, and Jalium projects to the correct VeloxDev adapter package, with guidance for building an adapter when the GUI is unsupported. - Canonical transition declarations: Produces Transition<T> chains in the repository's exact layout, choosing between static-reuse declarations and create-and-discard declarations based on whether the endpoint varies per call. - Index semantics and effects: Handles constant, live, and frozen (PathIndex.Frozen) indices, configures TransitionEffect (duration, easing, looping, FPS), and covers runtime control via Transition.Pause, Resume, Seek, and Exit. - Use Case: A developer building a WPF dashboard asks for a fade-and-slide animation on a panel; the Skill emits a static readonly Transition<Border> declaration with the correct easing, package reference, and execution call. ## Quick Start Write a VeloxDev transition animation that fades a Rectangle's opacity to zero over two seconds in my WPF project.

Frequently Asked Questions about veloxdev-create-animation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write a VeloxDev transition animation in C#?

Call Transition<T>.Create(), chain one .Property(path, endValue) per line, and finish with .Effect(new TransitionEffect { ... }) to set duration and easing. Execute it with transition.Execute(target); the call returns immediately while the animation runs asynchronously.

Which VeloxDev package should I reference for my GUI framework?

Reference exactly one adapter package matching your GUI: VeloxDev.WPF, VeloxDev.Avalonia, VeloxDev.WinUI, VeloxDev.MAUI, VeloxDev.WinForms, VeloxDev.Razor, or VeloxDev.Jalium. The adapter brings VeloxDev.Core in transitively, so no additional reference is needed.

Should I cache a Transition declaration or create it per call?

Cache it in a static readonly field when the shape and endpoint are identical every run; create and discard it at the call site when the endpoint is computed per call. Never cache a declaration that captures a local, since the captured value becomes shared across all later executions.

Why does my VeloxDev animation appear to do nothing?

The most common cause is an out-of-range index in the property path, which silently skips the frame with no exception or log. Also check that a second mutual animation on the same target has not cancelled the first, since Execute supersedes running animations by default.

Can VeloxDev animate a GUI framework that has no official adapter?

Yes, by building a custom adapter that implements a UIThreadInspector, platform samplers, and registration against Core's interfaces, as documented in references/adapter.md. Start from the shipped adapter whose host most resembles yours rather than from the raw interfaces.

What is the difference between live and frozen indices in a transition path?

A live index like Items[t.Selected] is re-evaluated every frame and follows changes mid-flight, while PathIndex.Frozen(t.Selected) is read once when the segment starts and stays anchored. Freeze when the end value must land in the same slot it was read from.