skills.rest
kusutori
kusutoriCOMMUNITY
Explore all skills by this author →
GitHub

reactor-recipes

Provide pre-built Reactor UI patterns for .NET applications using Microsoft.UI.Reactor.

Updated Jun 14, 2026
Search Tags:#recipes#animation#form validation#reactor#ui patterns#windows ui#list manipulation
One-click install
npx skills add https://github.com/kusutori/DataViewer --skill reactor-recipes-kusutori
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reactor-recipes
Source: https://github.com/kusutori/DataViewer/tree/main/skills/reactor-recipes
Command: npx skills add https://github.com/kusutori/DataViewer --skill reactor-recipes-kusutori

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Microsoft.UI.Reactor, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides ready-to-use Reactor recipes for various UI patterns, enabling developers to quickly implement common features without writing custom code.

Core Features & Use Cases

  • List Manipulation: Implement add, remove, and toggle functionality for lists.
  • Animations: Animate list edits with various effects.
  • Navigation: Create sidebar navigation between pages.
  • Forms: Validate and submit form data with ease.
  • Data Fetching: Handle data loading, error states, and data display with Reactor.
  • Themed UI: Build themed WinUI surfaces following Windows 11 design guidelines.
  • Absolute Positioning: Use Canvas for absolute positioning of UI elements.
  • Use Cases: These recipes can be used in applications requiring efficient list management, interactive UI elements, or complex data handling with Reactor.

Quick Start

Copy the 'animated-list.cs' recipe into your project to add animated list edit functionality.

Frequently Asked Questions about reactor-recipes

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

FAQPage Schema
How do I implement form validation and submission in a Windows UI app?▼

You can implement form validation by copying pre-built Reactor recipes, which provide ready-to-use code for validating and submitting form data within the Microsoft.UI.Reactor library.

What is the best way to animate list edits in a .NET application?▼

To animate list edits in a .NET application, use the animated-list.cs Reactor recipe, which supplies ready-to-use code for applying visual effects to list manipulation tasks within the Microsoft.UI.Reactor library.

Do I need the Microsoft.UI.Reactor package to use these UI patterns?▼

Yes, you need the Microsoft.UI.Reactor package installed in your .NET application, as these pre-built recipes require the Reactor library to function and apply their ready-to-use UI code.

How do I create sidebar navigation between pages in Reactor?▼

Creating sidebar navigation in Reactor involves copying the pre-built navigation recipe into your project, providing ready-to-use code to route between multiple pages in your Windows UI application.

Can I build themed WinUI surfaces following Windows 11 design guidelines?▼

Yes, you can build themed WinUI surfaces by applying the themed UI Reactor recipe, which provides pre-built code to style your .NET application according to standard Windows 11 design guidelines.

Related Skills

Explore More Software Engineering Skills→
Mahaboob26Mahaboob26

setting-up-streamlit-environment

Automate Python environment setup for Streamlit projects with uv.

Community
Intermediate
shiromacshiromac
2

wpf-ui

Automate WPF UI clicks, typing, and screenshot verification via UI Automation.

Community
Intermediate
kusutorikusutori

reactor-async

Simplify asynchronous data operations in Reactor with hooks for fetching, mutation, and pagination.

Community
Intermediate
shalevaminshalevamin

winui-app

Bootstrap WinUI 3 desktop apps with C# and the Windows App SDK.

Community
Advanced