Fluence.Wpf: Skill for Claude Code

Demo Sample Page

Scaffold a Fluence.Wpf.Demo sample page so it conforms to AGENTS.md section 14 the first time. This avoids the MC3093 named-control trap and the inline-literal violations the definition of done forbids.

Inputs

• Page name and route tag (for example GalleryInputsPage, tag Inputs).
• The controls to demonstrate and, per sample, the live XAML and the C# behind it.
• Whether the page is a discrete-sample page (uses DemoSampleControl) or a direct WinUI Gallery-style catalog/reference page (Typography, Icons, Accessibility), which may render directly and document the exception.

Page skeleton

ScrollViewer
  StackPanel (page root)
    TextBlock  - Page name           [Title typography]
    TextBlock  - Page description    [Body, secondary foreground]
    for each sample:
      DemoSampleControl
        SampleDescription            [Body Strong]
        DemoContent                  [live sample]
        OutputContent                [optional interaction result]
        RightRailContent             [optional options pane]
        Source expander              [XAML and C# tabs]

DemoSampleControl contract

Use only this public surface: SampleDescription (string), XamlSource (string), CSharpSource (string), DemoContent (object), OutputContent (object), RightRailContent (object). Do not use or reintroduce legacy Title, Description, SampleContent, ReplaceSourceLink(...), obsolete forwarding members, or source-link placeholder buttons.

Composition:

• Outer card: sample card brush + card stroke brush, CornerRadius="8,8,0,0".
• Demo region: *, Auto layout; output content lives inside the demo region, not the right rail.
• Right rail: collapses when empty, right-rail brush, CornerRadius="0,8,0,0".
• Source expander: attached below the card, CornerRadius="0,0,8,8", header Source code, source-header brush when collapsed, source-content brush when expanded, with a TabControl of XAML and C# tabs hosting the copy-enabled highlighted viewer.