skills.rest
MakotoUwaya
MakotoUwayaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

xaml-layout-review

Review WPF XAML diffs for margin consistency and text clipping issues.

Updated Dec 24, 2025
Search Tags:#code review#checklist#ui development#wpf#xaml#layout review
One-click install
npx skills add https://github.com/MakotoUwaya/dotfiles --skill xaml-layout-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: xaml-layout-review
Source: https://github.com/MakotoUwaya/dotfiles/tree/main/.config/claude-code/skills/xaml-layout-review
Command: npx skills add https://github.com/MakotoUwaya/dotfiles --skill xaml-layout-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps identify and prevent common layout problems in WPF XAML code, ensuring consistent spacing, preventing text clipping, and maintaining visual integrity.

Core Features & Use Cases

  • Margin Consistency Check: Detects uneven spacing between sibling elements in StackPanels.
  • Fixed Width Validation: Flags potential text clipping issues when fixed widths are applied.
  • Layout Pattern Guidance: Provides alternatives for achieving uniform spacing.
  • Coachmark Impact Analysis: Assesses layout changes when coachmarks are applied.
  • Use Case: During a code review for a UI update, use this Skill to quickly scan the XAML diff for any introduced layout inconsistencies or potential visual bugs before merging.

Quick Start

Review the provided XAML diff for margin consistency and fixed-width text clipping issues.

Frequently Asked Questions about xaml-layout-review

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

FAQPage Schema
How do I check XAML layout for margin consistency and text clipping issues?▼

XAML layout review identifies inconsistent margins between sibling elements in StackPanels and flags potential text clipping caused by fixed widths, ensuring visual consistency and preventing common UI bugs during .NET development.

What is the best way to review a WPF XAML diff for common layout bugs?▼

Reviewing a WPF XAML diff involves scanning for uneven spacing between sibling elements in StackPanels and validating fixed widths that risk text clipping, ensuring visual consistency before merging UI updates in .NET environments.

Does this XAML layout review work with standard WPF .NET environments?▼

This XAML layout review targets developers working with WPF in .NET environments, validating margin consistency and fixed widths to prevent visual bugs without requiring external dependencies or specific component installations.

How does coachmark integration impact WPF XAML layout consistency?▼

Coachmark integration impacts WPF XAML layout by potentially altering visual structures. Analyzing these changes ensures that applying coachmarks does not introduce inconsistent margins or fixed-width text clipping issues within the interface.

Why does fixed width cause text clipping in XAML layouts?▼

Fixed width causes text clipping in XAML layouts by restricting the container from expanding to fit dynamic content. Validating fixed widths during layout review flags potential visual truncation bugs and ensures text displays correctly.

Related Skills

Explore More Software Engineering Skills→
christian289christian289
40

converting-html-css-to-wpf-xaml

Convert HTML/CSS into WPF CustomControl XAML with CSS animations mapped to Storyboards.

Community
Advanced
1toe1toe

layout

Analyze UI layouts and apply spacing scales and grid systems.

Community
Intermediate
The1nkThe1nk
2

frontend-design

Apply WPF XAML styling and theming guidelines for .NET 10 applications.

Community
Intermediate
j0rugej0ruge
8

dotnet-wpf-design

Diagnose, design and implement Fluent Design in WPF/XAML using WPF-UI.

Community
Advanced