dotnet-wpf-designlisted

Guia de design profissional para WPF/XAML com Fluent Design (WPF-UI). Catalogo de solucoes documentadas para problemas de layout, espacamento, tipografia, sizing de controles e dark theme. Use quando o usuario quiser: corrigir layout de formulario WPF; ajustar espacamento entre campos; resolver toolbar/header que rola junto com conteudo; aumentar tamanho de controles pequenos ou com texto cortado; melhorar respiro visual entre secoes; aplicar tipografia Fluent Design; usar cores corretas de dark theme; diagnosticar problemas de ScrollViewer aninhado; alinhar labels com campos; auditar qualidade visual de uma pagina XAML. Tambem use quando o usuario mencionar "design WPF", "layout XAML", "campos pequenos", "texto cortado", "espacamento", "respiro", "controle apertado", "formulario feio", "dark theme cores", "Fluent Design tokens", "ScrollViewer problema", ou "toolbar rola". NAO use para: setup inicial de projeto (use dotnet-desktop-setup), MVVM/ViewModel (use dotnet-wpf-mvvm), testes E2E (use dotnet-wpf-e2e-te
j0ruge/skills_commands_manager · ★ 2 · Web & Frontend · score 65

Install: claude install-skill j0ruge/skills_commands_manager

# dotnet-wpf-design Skill para diagnosticar e corrigir problemas de design em interfaces WPF/XAML, aplicando boas praticas do Microsoft Fluent Design System e WPF-UI. Usa **progressive disclosure** — este arquivo contem o workflow, cookbook de solucoes e tabela de tokens essenciais. Guias detalhados com exemplos completos ficam em `references/` e sao lidos sob demanda. --- ## Versao e Changelog **v1.4.0** (2026-04-09) - FORM-004 novo: separador sutil entre grupos de campos em Grid. Usa `Border` com `BorderThickness="0,0,0,1"` e `DividerStrokeColorDefaultBrush` em row dedicada. Anti-padrao documentado: nunca compartilhar row do separador com conteudo (causa sobreposicao). - Anti-padrao #11 novo: Border separador na mesma row que conteudo causa sobreposicao visual. **v1.3.0** (2026-04-08) - FORM-002 corrigido: exemplo do UserControl com `Height="32"` e ComboBox FontSize=13 causava clipping vertical do texto ("Mar.", "Feb." cortados). MinHeight nos filhos nao resolve. - FORM-003 novo (chamada curta no SKILL.md, recipe completo em `references/form-design.md`): estilos implicitos em `<StackPanel.Resources>` tem blast radius indesejado em paginas com layouts mistos (form vertical + StackPanel horizontal). Quebra alinhamento de controles fora do form. - Anti-padrao #8 reescrito: o pai UserControl com Height fixo limita o espaco total, MinHeight nos filhos nao recupera. Prefira `MinHeight` no proprio UserControl ou auto-tamanho. - Detalhe Critico #9 novo: texto clipado em contr