What is the three-pass layout system in MewUI?

MewUI uses a sequential pipeline consisting of Measure (calculating DesiredSize), Arrange (setting Bounds), and Render (drawing via IGraphicsContext).

What is the difference between InvalidateMeasure and InvalidateVisual?

InvalidateMeasure triggers the full pipeline (measure, arrange, and render), while InvalidateVisual only triggers a re-render, making it more efficient for visual-only updates.

How do I ensure graphics state doesn't leak in MewUI?

Always wrap your drawing logic in context.Save() and context.Restore() calls within the OnRender override to maintain a clean graphics state.

Does MewUI support GPU acceleration?

Yes, MewUI supports multiple backends including Direct2D for GPU-accelerated rendering on Windows and OpenGL for cross-platform hardware acceleration.

MewUI Graphics Rendering

Name: MewUI Graphics Rendering
Author: christian289

bychristian289

•

Design Tools

Renders custom graphics and UI components in MewUI using the IGraphicsContext API and the three-pass layout pipeline.

This skill empowers developers to build sophisticated custom UI components within the MewUI framework by mastering the Measure-Arrange-Render pipeline. It provides Claude with specific implementation patterns for drawing shapes, text, and images using IGraphicsContext, while also covering critical state management techniques like Save/Restore and optimization through specific invalidation methods. It is particularly useful for .NET developers creating bespoke visualizations or high-performance interfaces that require fine-grained control over the rendering process.

Key Features

01Graphics state management using Save, Restore, and Clipping

02Advanced text rendering and measurement with DPI awareness

03Cross-platform backend configuration (Direct2D, Gdi, OpenGL)

04Custom control layout pipeline management (Measure, Arrange, Render)

0510 GitHub stars

06Primitive drawing via IGraphicsContext (Shapes, Lines, Ellipses)

Use Cases

01Implementing responsive custom controls that adapt to DPI and layout constraints

02Optimizing UI performance by correctly utilizing InvalidateMeasure vs InvalidateVisual

03Developing custom-styled data visualization widgets and complex UI elements in .NET

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add christian289/dotnet-with-claudecode rendering-mewui-elements

For use in Claude.ai and ChatGPT

Download Skill