From wpf-dev-pack
Encapsulates WPF CollectionView in Service Layer for MVVM compliance. Use when implementing filtering, sorting, or grouping while keeping ViewModels free of WPF dependencies.
npx claudepluginhub christian289/dotnet-with-claudecode --plugin wpf-dev-packThis skill uses the workspace's default tool permissions.
> **MVVM Framework Rule**: `.claude/rules/dotnet/wpf/mvvm-framework.md` 설정에 따라 코드 스타일이 결정됩니다.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
MVVM Framework Rule:
.claude/rules/dotnet/wpf/mvvm-framework.md설정에 따라 코드 스타일이 결정됩니다. Prism 9 사용 시 → PRISM.md 참조
The templates folder contains a WPF project example (use latest .NET per version mapping).
templates/
├── WpfCollectionViewSample.Core/ ← Pure C# models and interfaces
│ ├── Member.cs
│ ├── IMemberCollectionService.cs
│ └── WpfCollectionViewSample.Core.csproj
├── WpfCollectionViewSample.ViewModels/ ← ViewModel (no WPF references)
│ ├── MainViewModel.cs
│ ├── GlobalUsings.cs
│ └── WpfCollectionViewSample.ViewModels.csproj
├── WpfCollectionViewSample.WpfServices/ ← WPF Service Layer
│ ├── MemberCollectionService.cs
│ ├── GlobalUsings.cs
│ └── WpfCollectionViewSample.WpfServices.csproj
└── WpfCollectionViewSample.App/ ← WPF Application
├── Views/
│ ├── MainWindow.xaml
│ └── MainWindow.xaml.cs
├── App.xaml
├── App.xaml.cs
├── GlobalUsings.cs
└── WpfCollectionViewSample.App.csproj
When a single source collection needs to be filtered with different conditions across multiple Views while adhering to MVVM principles
CollectionViewSource access through Service LayerIEnumerable or pure BCL typesView (XAML)
↓ DataBinding
ViewModel Layer (uses IEnumerable, no WPF assembly reference)
↓ IEnumerable interface
Service Layer (uses CollectionViewSource directly)
↓
Data Layer (ObservableCollection<T>)
1. Service Layer (CollectionViewFactory/Store)
// Services/MemberCollectionService.cs
// This class can reference PresentationFramework
namespace MyApp.Services;
public sealed class MemberCollectionService
{
private ObservableCollection<Member> Source { get; } = [];
// Factory Method: Create filtered view
// Returns IEnumerable so ViewModel doesn't know WPF types
public IEnumerable CreateView(Predicate<object>? filter = null)
{
var viewSource = new CollectionViewSource { Source = Source };
var view = viewSource.View;
if (filter is not null)
{
view.Filter = filter;
}
return view; // ICollectionView inherits IEnumerable
}
public void Add(Member item) => Source.Add(item);
public void Remove(Member? item)
{
if (item is not null)
Source.Remove(item);
}
public void Clear() => Source.Clear();
}
2. ViewModel Layer
// ViewModel uses only IEnumerable (pure BCL type)
namespace MyApp.ViewModels;
public abstract class BaseFilteredViewModel
{
public IEnumerable? Members { get; }
protected BaseFilteredViewModel(Predicate<object> filter)
{
// Receives IEnumerable from Service
Members = memberService.CreateView(filter);
}
}
// Each filtered ViewModel
public sealed class WalkerViewModel : BaseFilteredViewModel
{
public WalkerViewModel()
: base(item => (item as Member)?.Type == DeviceTypes.Walker)
{
}
}
// Or use with direct type casting
public sealed class AppViewModel : ObservableObject
{
public IEnumerable? Members { get; }
public AppViewModel()
{
Members = memberService.CreateView();
}
// Manipulate collection with LINQ when needed
private void ProcessMembers()
{
var memberList = Members?.Cast<Member>().ToList();
// Processing logic...
}
}
3. Initialize CollectionView from View (Alternative Approach)
This approach keeps ViewModel completely independent from WPF, but requires initialization logic in View's Code-Behind.
// ViewModel - Uses pure BCL only
namespace MyApp.ViewModels;
public sealed partial class MainViewModel : ObservableObject
{
[ObservableProperty] private ObservableCollection<Person> _people = [];
private ICollectionView? _peopleView;
// Injected from View
public void InitializeCollectionView(ICollectionView collectionView)
{
_peopleView = collectionView;
_peopleView.Filter = FilterPerson;
}
private bool FilterPerson(object item)
{
// Filtering logic
return true;
}
}
// MainWindow.xaml.cs - View's Code-Behind
namespace MyApp.Views;
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
var viewModel = new MainViewModel();
DataContext = viewModel;
// Create CollectionViewSource in View layer
ICollectionView collectionView =
CollectionViewSource.GetDefaultView(viewModel.People);
// Inject into ViewModel
viewModel.InitializeCollectionView(collectionView);
}
}
Note: This approach requires ViewModel to know the ICollectionView type, so WindowsBase.dll reference is needed. For complete independence, use the Service Layer approach.
MyApp.Models/ // Pure C# models, BCL only
MyApp.ViewModels/ // Pure C# ViewModel
// No WPF assembly references
// Uses IEnumerable only
MyApp.Services/ // PresentationFramework reference: YES
// WindowsBase reference: YES
// Uses CollectionViewSource
MyApp.Views/ // References all WPF assemblies
Assemblies that ViewModel project must NOT reference:
WindowsBase.dll (contains ICollectionView)PresentationFramework.dll (contains CollectionViewSource)PresentationCore.dllAssemblies that ViewModel project CAN reference:
System.Collections.IEnumerableSystem.Collections.ObjectModel.ObservableCollection<T>System.ComponentModel.INotifyPropertyChangedAssemblies that Service project CAN reference:
WindowsBase.dllPresentationFramework.dllObservableCollectionAdvanced: See ADVANCED.md for sorted/grouped view creation, DI/IoC patterns, and XAML GroupStyle templates (Expander, ListBox grouping).
MemberCollectionService (Service suffix)MemberViewFactory (Factory suffix)MemberStore (Store suffix)