Does this skill require the CommunityToolkit.Mvvm?

Yes, the implementation uses [ObservableProperty] and [NotifyPropertyChangedFor] attributes to automate property change notifications and keep the UI in sync.

How does the slider handle empty lists?

The pattern uses Math.Max(0, TotalCount - 1) for the Maximum property, ensuring that empty collections don't cause the Slider to have an invalid state.

Why should I use a 1-based display for 0-based indices?

While programmers use 0-based indexing for arrays, users expect 1-based numbering. This pattern prevents user confusion by showing 'Page 1' instead of 'Page 0' while keeping your code logic simple.

Can this be used for web development?

This specific skill is tailored for WPF (Windows Presentation Foundation) and .NET, though the logic can be adapted for other MVVM-based frameworks.

WPF Slider Index Display

Name: WPF Slider Index Display
Author: christian289

bychristian289

•

開発者ツール

Implements user-friendly 1-based numbering for WPF Slider controls while maintaining 0-based internal data indexing.

This skill provides a standardized implementation pattern for WPF applications that require displaying collection indices as human-readable 1-based numbers. It leverages the CommunityToolkit.Mvvm library to synchronize internal 0-based indices used for data binding with 1-based display properties. This ensures a seamless user experience in sliders, paginators, and media controls by preventing common UI pitfalls like '0/120' displays or sliders that fail to reach the final item due to boundary mismatches.

主な機能

01Safe calculation logic for Slider Maximum boundaries (Count-1)

02Automatic 0-based to 1-based index conversion logic

03Clean XAML binding patterns for synchronized TextBlock and Slider controls

04Dynamic synchronization between internal state and UI display labels

05MVVM-compliant implementation using CommunityToolkit.Mvvm attributes

066 GitHub stars

ユースケース

01Document and e-book pagination for user-friendly page numbers

02Medical imaging viewers requiring precise slice navigation (CT/MRI)

03Media player track lists and gallery image indexing

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add christian289/dotnet-with-claudecode displaying-slider-index

For use in Claude.ai and ChatGPT

Download Skill